.allerts {
    margin-top: 40px;
background-color: #f1f1f1;
	border: 5px solid #fff;
outline: 1px solid #ddd;
    padding: 3px;
	margin-bottom: 3px;
}


.shorttest {
position: fixed;
margin-top: 5px;
background-color: #594e45;
width: 140px;
margin-left: -105px;
padding: 4px;
}

.shorttest a {
text-decoration: none;
color: #d3c7b9;
border-top: 1px solid #d3c7b9;
padding-top: 3px;
margin-bottom: 2px;
display: block;
}

.shorttest a:link {color: #d3c7b9;}
.shorttest a:visited {color: #d3c7b9;}
.shorttest a:active {color: #d3c7b9;}
.shorttest a:hover {color: #d3c7b9;}

.collapse{
  cursor: pointer;
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
}
.collapse + input:checked + div{
  display:block;
}

.p-h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'HipstelveticaBold';
    letter-spacing: 1px;
    padding-top: 8px;
    color: #fff;
    text-shadow: 2px 2px #d17428;
}


.modalSt-Out {
    width: 728px;
    background: #bcad9d;
    padding: 5px;
    outline: 1px solid #b4a495;
}

.modalSt-In {
    margin-bottom: 4px;
    background-color: #bcad9d;
    padding: 5px;
    border: 3px solid #b4a495;
    padding: 9px;
    height: 350px;
    /* border-top: 4px solid #fff; */
    /* background-image: url(/images/001/bg_1.png); */
    background-position-x: 45%;
    background-size: 85%;
    /* border-left: 4px solid #fff; */
    /* border-right: 4px solid #fff; */
}


.modal-content {
	display: none;
}

#fade-background {
	background: #000;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 99999;
	margin-top: 60px;
}

#modal-window {
	position: fixed;
	z-index: 99999; 
	transition-: 0.6s all ease-in-out; 
	-webkit-transition: 0.6s all ease-in-out; 
	-moz-transition: 0.6s all ease-in-out; 
	-o-transition: 0.6s all ease-in-out; 
	-ms-transition: 0.6s all ease-in-out; 
	top: 10%;
	left: 50%;
	width: 740px;
margin: 0 0 0 -370px;
}