/*Use in conjunction with common.js*/
#OverLayer, #OverAll {display:none; overflow:auto; width:100vw; height:100vh; position:fixed; top:0; left:0; text-align:center; margin:0; padding:0; background-color:rgba(50, 19, 19, 0.9)}
#OverLayer {line-height:99vh}
#OverAll {line-height:normal}
#OverLayer #OverHeading {position:absolute; top:13px; left:20%}
#OverLayer img, #OverAll img {max-width:100vw; max-height:99vh; vertical-align:middle}
#OverLayer iframe {width:100%; height:100%}
#Next, #Prev {position:absolute; top:25vh; width:35vw; height:50vh; line-height:50vh; vertical-align:middle; cursor:e-resize}
#Prev {left:2px; background:url(/include/prev.gif) left no-repeat}
#Next {right:2px; background:url(/include/next.gif) right no-repeat}
#Next:hover {background-image:url(/include/next_hov.gif)}
#Prev:hover {background-image:url(/include/prev_hov.gif)}
#Home, #PgBk, #PgFw, #End {position:absolute; line-height:16px; height:30px; width:20px; display:inline-block; padding:0 4px}
#Home {top:25px; left:2px; background:center no-repeat url(/include/Home.gif); cursor:pointer}
#PgBk {top:25px; left:25px; background:center no-repeat url(/include/PgBk.gif); cursor:e-resize}
#PgFw {bottom:5px; right:25px; background:center no-repeat url(/include/PgFw.gif); cursor:e-resize}
#End {bottom:5px; right:2px; background:center no-repeat url(/include/End.gif); cursor:pointer}
#Home:hover {background-image:url(/include/HovHome.gif)}
#PgBk:hover {background-image:url(/include/HovPgBk.gif)}
#PgFw:hover {background-image:url(/include/HovPgFw.gif)}
#End:hover {background-image:url(/include/HovEnd.gif)}
#NumOf {position:absolute; line-height:16px; top:5px; left:5px; padding:1px 4px 4px; color:#ccc; font-size:16px; font-weight:bold; background-color:rgba(50, 19, 19, 0.4)}
#Cmmnt {position:absolute; width:100%; line-height:normal; bottom:3px}
#Cmmnt p {display:inline-block; text-align:center; padding:1px 4px 4px; margin:3px 52px; color:#000; font-size:18px; background-color:rgba(200, 200, 200, 0.8); border:1px solid rgb(255, 204, 0)}
#MapFrame {height:97%; width:98%; top:1vh; left:1vw; margin:0; background-color:#ccc; border:solid 3px #999; border-radius:19px}
#MapFrame iframe {border-radius: 17px}
#XO, #XM {width:21px; height:21px; line-height:16px; cursor:pointer; background:url(/include/x.png) no-repeat center #ccc; border:solid 2px #666; border-radius:6px}
#XO {position:absolute; top:5px; right:5px}
#XM {position:absolute; top:10px; right:81px}
#XO:hover, #XM:hover {background-image:url(/include/x_hov.png)}
#OverDiv {position:relative; min-width:200px; max-width:1000px; margin:1vh 1vw; padding:30px 9px 9px 9px; background-color:#FF6; line-height:normal; display:inline-block; vertical-align:middle; border-radius:11px}
#OverDiv #XO {float:right}
#OverDiv h3 {margin:0}
.Crsropen {cursor:n-resize}
/* Edit for choice of colours and border*/
#OverDiv {background-color:#ed9; border-color:#999; border:solid 3px; border-radius:13px}
#OverDiv a, #Cmmnt a, .OverLink {color:maroon; text-shadow:2px 2px 2px #f9a; cursor:pointer}