@charset "UTF-8";

/* search.css */

#searchForm{
	}

aside #searchForm article{
	background-color:#FAFAFA;
	margin:4px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	border: 1px solid #AAAAAA;
	/* border-bottom:none; */
	}
	

aside #searchForm article>h2{
	font-size:120%;
	color:#204080;
	}
	
	
aside #searchForm article>h2>img{
	width:24px;
	margin:0px;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #CACACA;
	border-radius:4px;
	}

aside #searchForm article>h3{
	font-size:100%;
	color:#204080;
	}

aside #searchFeedback50{
	display:block;
	font-size:80%;
	text-align:center;
	color:#204080;
	margin:0px;
	margin-top:4px;
	margin-bottom:10px;
	}
	
#searchForm article p>label{
	color:#404040;
	display:inline-block;
	text-align:right;
	margin:0px;
	padding:4px;
	}

aside #searchForm article p.sheetNumber, aside #searchForm article p.sheetCode{text-align:left;}

aside #searchForm article p>label{
	font-size:80%;
	display:block;
	width:auto;
	text-align:left;
	}
	
#searchForm article>p>em{
	color:#800000;
	}
	
aside #searchForm article>p>em{
	display:block;
	color:#800000;
	padding:0.25em 0.5em;
	text-align:left;
	}
	
aside #searchForm article>p.thumb{
	display:none;
	}
	
#searchForm article>p>em.availSheets{
	/*display:block;
	*/
	}
	
#searchForm article>p>strong{
	color:#800000;
	font-size:120%;
	font-family:Consolas,Courier,Nimbus Mono L,Courier New,monospace;
	}
	

input#easting, input#northing, input#postcode, input#searchText{
	font-family:Consolas,Courier,Nimbus Mono L,Courier New,monospace;
	/*color:#800000;
	font-weight:bold;*/
	text-align:left;
	border:1px solid #C0C0C0;
	border-radius:4px;
	padding:2px 8px;
	}

input#easting, input#northing{
	width:4em;
	text-align:center;
	}

input#postcode{
	width:5em;
	}
	
select#gisLayer{
	font-family:Consolas,Courier,Nimbus Mono L,Courier New,monospace;
	text-align:left;
	border:1px solid #C0C0C0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	padding:2px 8px;
	}
	
select#gisLayer>option{
	padding:2px 8px;
	}
	
select#gisLayer>option.default{
	color:#002E40;
	font-weight:normal;
	}	

	
p#searchIn{
	}
	
p#searchIn>span{
	color:#800000;
	display:inline-block;
	margin:0px;
	padding:2px 8px;
	}


aside p#searchIn>span{display:block;}
	
.searchFeedback{
	
	}

input.searchBtn{
	color:#FFFFFF;
	background-color:#8aa0c6;
	background-image:linear-gradient(top, #8aa0c6, #002E40);
	background-image:-o-linear-gradient(top, #8aa0c6, #002E40);
	background-image:-moz-linear-gradient(top, #8aa0c6, #002E40);
	background-image:-webkit-linear-gradient(top, #8aa0c6, #002E40);
	background-image:-ms-linear-gradient(top, #8aa0c6, #002E40);
	margin:0px 4px;
	padding:4px 8px;
	text-align:left;
	font-weight:bold;
	border-radius:2px;
	border:none;
	cursor:pointer;
	}
	
input.searchBtn:hover{
	background-color:#7090D0;
	background-image:linear-gradient(top, #7090D0, #507090);
	background-image:-o-linear-gradient(top, #7090D0, #507090);
	background-image:-moz-linear-gradient(top, #7090D0, #507090);
	background-image:-webkit-linear-gradient(top, #7090D0, #507090);
	background-image:-ms-linear-gradient(top, #7090D0, #507090);	
	}

#mapIndexSelector{
	padding:0px;
	margin:0px;
	}
#mapIndexSelector>a{
	display:inline-block;
	background-color:#C0C0C0;
	margin:0px 1px;
	padding:4px 4px;
	color:#606060;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:7px;
	
	}
	
#mapIndexSelector>a:first-line{font-weight:bold;}
	
	
#mapIndexSelector>a:hover{
	text-decoration:none;
	background-color:#507090;
	color:#FFFFFF;
	}

#mapIndexSelector>a.active{
	background-color:#7090D0;
	color:#FFFFFF;
	}

#mapIndex50, #mapNumber50, #mapNames50, #mapIndex10, #mapNumber10{
	background-color:#F0F0F0;
	border:1px solid #7090D0;
	margin-top:0px;
	}
#10KMapSheetBrowser{
	background-color:#F0F0F0;
	border:1px solid #7090D0;
	margin-top:0px;
	}
	
#mapNames{
	background-color:#F0F0F0;
	background-image:linear-gradient(0deg, #DDDDDD, #FFFFFF, #DDDDDD);
	height:30em;
	overflow-y:auto;
	padding:8px;
	}


#mapNames>span{
	display:inline-block;
	margin:2px;
	padding:2px 4px;
	width:16em;
	border-radius:3px;
	background-color:rgba(255,255,255,1);
	}
#mapNames>span.mapName_E{border:1px solid #F0C0C0;}
#mapNames>span.mapName_S{border:1px solid #C0C0F0;}

#mapNames>span>em{
	color:#808080;
	float:right;
	font-size:80%;
	}
#mapNames>span.mapName_E>a{color:#804040;}
#mapNames>span.mapName_S>a{color:#404080;}
	
/* #mapNames>span.mapName_E{background-color:#FFF0F0;}
#mapNames>span.mapName_S{background-color:#F0F0FF;} */

#mapNames>span:hover{background-color:#FFEECC;}
#mapNames>span:hover>a{color:#000000;}