.main {
    width: 523px;
    height: 400px;
    margin:20px auto;
	}
.panel {
    height: 34px;
	font-family: 'Calibri';
   }
.panel a#login_pop, .panel a#join_pop {
    border: 2px solid #aaa;
    color: #fff;
    display: block;
    float: left;
    margin-left: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 1px 1px #000;
	background: #aaa;
    -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: #eee;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 999;

    -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 {
    background-color: #fff;
    border: 1px solid #DBA099;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
	z-index: 9999;
   	-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: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -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 .2s, top .2s;
    -moz-transition: opacity .2s, top .2s;
    -ms-transition: opacity .2s, top .2s;
    -o-transition: opacity .2s, top .2s;
    transition: opacity .2s, top .2s;
	
}

.popup a{/* для кнопки-ссылки "Отмена" в модальном окне*/
	text-decoration:none;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    height: 36px;
    position: absolute;
    right: -35px;
    text-align: center;
    text-decoration: none;
    top: -35px;
    width: 36px;
	color:red;
	z-index:999999999;
}
.close:before {
    color:red;
    content: "X";
    font-size: 30px;
	z-index:999999999;
    }
.close:after {
    color:red;
	z-index:999999999;
}
.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
}
.popup input[type="text"], .popup input[type="password"] {
    border: 1px #c0c0c0 solid;
    margin: 0;
    padding: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	font-style: Italic;
	font-size:14px;
	width:250px;
	
}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
    border-color: #404040;
}
.popup input[type="submit"]:hover, .popup input[type="reset"]:hover {
	background-color:#DBA099;
	color:#fff;
}