body {min-width:360px;border-color: #6666aa;background-color:#ffffff;margin:0 auto;padding:0px;font-family: Verdana,sans-serif;text-align:center;border: none;} 
form {margin: 0;padding-bottom: 0px;vertical-align: bottom;}
#headerdiv {height:100px;width:100%;top:0;}
.bg {float:left;padding:0;margin:0;width:102px;text-align:center;height:38px;line-height:38px;}
.bg_buttons {float:left;margin-top:4px;height:28px;padding:0;margin:0;width:86px;text-align:center;}
a.bg{width:100%;height:100%;text-decoration:none;color:white;font-size:16pt;font-weight:bold;line-height:38px;}
a.bg:hover{background-color:#B9B9FF;color:white;font-size:18pt;width:100%;height:38px;line-height:38px;}
a.bg:visited{color:white;font-size:16pt;width:100%;height:38px;line-height:38px;}
#PinBtn{float:left;margin-top:4px;margin-bottom:68px;height:28px;padding:0;margin-top:0px;width:56px;}
#FollowDiv{width:120px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;}
.bg_sm_buttons {float:left;margin-top:4px;height:28px;padding:0;margin:0;width:30px;}
.clearer {clear:both;height:6px;}
#endnav{height:37px;}
#loc_links{font-size:14pt;line-height:20pt;letter-spacing:1px;font-weight:bold;padding-top:2px;padding-bottom:40px;}
#imagename{font-size:22pt;font-weight:bold;padding-top:6px;color:#666666;}
.stub{float:left;background-color:#666666;width:1px;height:40px;}
.navybar{background-color:#130282;width:100%;height:1px}
.rosebar{background-color:#950045;width:100%;height:1px}
#navbar {background-color:#9595C8;width:100%;overflow:hidden;margin:0px;padding:0px;}
#navybar{background-color:#130282;width:100%;height:1px;} 
#rosebar{background-color:#950045;width:100%;height:1px;} 
#header{background-color:#e9e9e9;height:96px;position:relative}
.clickBtn{margin-top:12px;width:130px}
#div560 { margin:0px;padding:0px; }
#sform{margin:0px;padding:0px;}
#searchy {float:right;margin-right:10px;margin-top:2px;margin-left:2px;}
#searchbox{font-weight:700;font-size:14pt;background-color:#FDFF8D;float:left;margin-top:2px;width:190px;margin-right:4px;height:25px;padding:0;margin-bottom:0px;}
#submit {cursor:pointer;margin-top:2px;margin-bottom:0px;width:40px;height: 30px;line-height:0;font-size:0;text-indent:-999px;color: transparent;background: url(/images/ico-search.png) no-repeat #004AA0 center;border: 1px solid #3079ED;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
#submit:hover { background: url(/images/ico-search.png) no-repeat center #3692FF; border: 1px solid #2F5BB7;}
#picname{font-size:18pt;line-height:20pt;font-weight:700;text-align:center;margin-top:32px;margin-bottom:6px;}
#formatsdiv{margin:auto; width:300px;padding-top:12px;padding-bottom:12px;}
.lefty {float:left;letter-spacing:1px; border:0px;height:81px;overflow:hidden;padding:4px;width:260px;margin: 0 auto;}
.pix { width:100%;}
.pix img {
   max-width:100%;
   height: auto;
}
#loc_links {font-size:70%;}
#related_object{width:100%;height:2200px;margin-top:10px;margin:0 auto;padding:0px;border:none;max-width:800px;}
.menubtn{margin-top:9px;}
.menubtn:hover {
  filter: brightness(120%);
}
.label70{font-size:70%;font-weight:normal;}
.smallspan{font-size:70%;letter-spacing:1px;font-weight:normal;}

.buttongreen {
  display: inline-block;
  width: 270px;
  margin-top:2px;
  margin-bottom:0px;
  padding:3px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #43B542;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px #666;
  background-image: url("/images/download.png");
  background-repeat: no-repeat;
  background-position: left;
}
.buttongreen:hover {background-color: #419B40}
.buttongreen:active {
  background-color: #419B40;
  box-shadow: 0 2px #333;
  transform: translateY(4px);
}
.dfilesize {
	margin-bottom:0px;margin-top:4px;padding:0px;color:navy;font-size:13px;
}
.buttonblue {
  display: inline-block;
  width: 270px;
  margin-top:2px;
  margin-bottom:0px;
  padding:3px; 
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #5993DE;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px #666;
  background-image: url("/images/download.png");
  background-repeat: no-repeat;
  background-position: left;
}
.buttonblue:hover {background-color: #3D71B4}
.buttonblue:active {
  background-color: #3D71B4;
  box-shadow: 0 2px #333;
  transform: translateY(4px);
}

input[type=text] {
  margin: 18px 0;
  width: 80px;
  font-size: 1.1em;
}

input[type=submit] {
  margin: 18px 0;
  font-size: 1.1em;
  border:1px solid transparent;
  border-radius:8px;
  color:blue;
}

input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;

}

.box div {
  padding: 12px;
  width: 270px;
  margin:6px;
  border-radius: 1em;
  background:#DDDDDD;
  padding:14px;
  font-size: 1.6em;
  outline: none;
  color: #fff;
  background-color: #8142B5;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px #777;
}


@media all and (max-width: 760px) {
#div560 { display: none; }
.linktxtarea{width:320px;height:24px; 2px solid #3972FD;padding:1px;font-family:Tahoma, sans-serif;font-size:60%;overflow:hidden;}
.roundeddiv{width:330px;margin: 0 auto;background-color: #dfdfdf;border:2px solid #999999;border-radius:25px;padding:12px;font-weight:bold;}
#related_object{height:2800px;}
.hastooltip {position:relative;}		
.hastooltip span{display: none;}
.hastooltip img {vertical-align:top;}
.hastooltip:hover span {
	display: block;z-index: 100;position: absolute;top: 1.6em;left: 0;width: 200px;
	padding: 3px 7px 4px 6px;border: 2px solid #3972FD;background-color: #f7f7ee;
	font: normal 0.9em/1.2em Arial, Tahoma, sans-serif;text-align: left;color: #000;
	filter: alpha(opacity:90);KHTMLOpacity: 0.90;MozOpacity: 0.90;opacity: 0.90;
	}
}
@media screen and (max-width: 640px) {
#imagename{display:none;} 
.bg{float:left;width:50%;margin-bottom:4px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;height:42px;}
.stub{display:none;}
.lefty{float:none;border:0;width:260px;height:80px;margin: 0 auto;}
#searchbox{width:70%;margin-left:8%;margin-right:0px;}
#submit {margin-left:0px;float:left;}
#searchy{float:none;width:100%;margin-bottom:4px;margin-right:0px;}
#navbar {padding-bottom:4px;}
#picname{margin-top:60px;}
a.bg{font-size:160%;border:solid #e9e9e9;border-left-width:0.7px;border-right-width:1px;border-top-width:2px;border-bottom-width:2px;height:42px;}
a.bg:hover{font-size:160%;height:42px;}
a.bg:visited{font-size:160%;height:42px;}
#related_object{height:3800px;}
}

@media screen and (max-width: 360px) {
#imagename{display:none;}
.bg{float:left;width:50%;margin-bottom:4px;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;height:52px;}
.stub{display:none;}
#searchbox{width:70%;margin-left:8%;margin-right:0px;}
#submit {margin-left:0px;float:left;}
#searchy{float:none;width:100%;margin-bottom:4px;margin-right:0px;}
#navbar {padding-bottom:4px;}
a.bg{font-size:220%;border:solid #e9e9e9;border-left-width:0.7px;border-right-width:1px;border-top-width:2px;border-bottom-width:2px;height:52px;}
a.bg:hover{font-size:220%;height:52px;}
a.bg:visited{font-size:220%;height:52px;}
#related_object{height:4200px;}
.roundeddiv{display:none;}
}
