.panel{ height:34px;  padding:10px}
.panel a#login_pop, .panel a#join_pop{ border:2px solid #07839f;  color:#fff; background-color:#0483a0; background-image:-webkit-gradient(linear,left top,left bottom,from(#31b2c3),to(#0483a0)); background-image:-webkit-linear-gradient(top,#31b2c3,#0483a0); background-image:-moz-linear-gradient(top,#31b2c3,#0483a0); background-image:-ms-linear-gradient(top,#31b2c3,#0483a0); background-image:-o-linear-gradient(top,#31b2c3,#0483a0); background-image:linear-gradient(top,#31b2c3,#0483a0);  display:block;  float:right;  margin-right:10px;  padding:5px 10px;  text-decoration:none;  text-shadow:1px 1px #000;  -webkit-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px}
a#login_pop:hover, a#join_pop:hover{ border-color:#31b2c3; background:#31b2c3}
.overlay{ background-color:rgba(0,0,0,0.6);  bottom:0;  cursor:default;  left:0;  opacity:0;  position:fixed;  right:0;  top:0;  visibility:hidden;  z-index:1;  -webkit-transition:opacity .5s;  -moz-transition:opacity .5s;  -ms-transition:opacity .5s;  -o-transition:opacity .5s;  transition:opacity .5s}
.overlay:target{ visibility:visible;  opacity:1}
.popup h2{color:#07839f; line-height:1.0em}
.popup{ background-color:#fff;  border:3px solid #fff;  display:inline-block;  left:50%; color:#666;  opacity:0;  padding:15px;  position:fixed;  text-align:justify;  top:40%;  visibility:hidden;  z-index:10;  -webkit-transform:translate(-50%,-50%);  -moz-transform:translate(-50%,-50%);  -ms-transform:translate(-50%,-50%);  -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%);  -webkit-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px;  -webkit-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -moz-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -ms-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -o-box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  box-shadow:0 1px 1px 2px rgba(0,0,0,0.4) inset;  -webkit-transition:opacity .5s,top .5s;  -moz-transition:opacity .5s,top .5s;  -ms-transition:opacity .5s,top .5s;  -o-transition:opacity .5s,top .5s;  transition:opacity .5s,top .5s}
.overlay:target+.popup{ top:50%;  opacity:1;  visibility:visible}
.close{ background-color:rgba(0,0,0,0.8);  height:30px;  line-height:30px;  position:absolute;  right:-152;  text-align:center;  text-decoration:none;  top:-250px;  width:30px;  -webkit-border-radius:15px;  -moz-border-radius:15px;  -ms-border-radius:15px;  -o-border-radius:15px;  border-radius:15px}
.close:before{ color:rgba(255,255,255,0.9);  content:"X";  font-size:24px;  text-shadow:0 -1px rgba(0,0,0,0.9)}
.close:hover{ background-color:rgba(64,128,128,0.8)}
.popup p, .popup div{ margin-bottom:10px}
.popup label{ display:inline-block;  text-align:left;  width:180px}
.popup input[type="text"], .popup input[type="password"]{ margin:0;  padding:4px; background:#d8f6fd; -moz-box-shadow:0 1px 1px #ddd inset,0 1px 0 #fff; -webkit-box-shadow:0 1px 1px #ddd inset,0 1px 0 #fff; box-shadow:0 1px 1px #ddd inset,0 1px 0 #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.popup input[type="text"]:hover, .popup input[type="password"]:hover{ background:#fff}