body{
/*position:relative;*/
}

/* hide overlay and dialog by default */
/* show and hide with jquery */


#jsdetection{
display:none;
}

.overlay{
min-width:100%;
min-height:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(204,0,0,0.50);
z-index:1000;
cursor:pointer;	

}

.dialog-container{
min-width:100%;	
/*border:1px solid blue;*/
position:absolute;
left:0;
top:0;
min-height:100%;
z-index:1010;
}

.dialog{
    /*left: 50%;
    top: 50%;*/
    /*background-color: #fff;*/
    padding: 10px 15px;
    border: 10px solid #cc0000;
	-moz-border-radius:10%;
	-webkit-border-radius:10%;
    border-radius:10%;
    text-align: center;
    max-width: 450px;
	min-width:200px;
	height:auto;
    /*margin-left: -150px;
	margin-top:-150px;*/
    /*font-size: 20px;*/
    font-family: "TransportNew",arial,helvetica,sans serif;
    line-height: 2;
    font-weight: bold;
	-moz-box-shadow:4px 4px 8px 3px #333;
	-webkit-box-shadow:4px 4px 8px 3px #333;
    box-shadow: 4px 4px 8px 3px #333;
	margin:70px auto;
	background-color:#fff;
	position:relative;
}


.dialog-hhm-p-heading{
margin:0 auto 0 auto;
padding-top:0;
padding-bottom:0;
font-size:24px;
font-weight:bold;	
}

.dialog-button{
font-weight:bold;
font-family:"TransportNew",arial,helvetica,sans serif;
font-size:18px;
padding:7px 10px;
border-radius:7px;
border:1px solid #660000;
margin:1em;
background-color:#c00000;
color:#fff;
width:auto;
}

.dialog-button:hover{
    color: #c00000;
    background-color: #fff;
    border-color: #c00000;
    text-decoration: none;
    box-shadow: 0px 0px 0px 3px rgba(183,51,51,0.3);
}


.dialog-container a:link{
text-decoration:underline;
color:#cc0000 !important;	
}

.dialog-container a:hover{
text-decoration:none;
color:#cc6666 !important;	
}

@media all and (min-width : 1500px){
.hhm-month-image{
float:left;
padding-right:10px;
}
}

@media all and (max-width: 500px){

.dialog{
    margin:70px 20px;
    font-size: 16px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	max-width:350px;
	min-width:200px;
}

}

@media all and (max-width: 320px){

.dialog-hhm-p-heading{
font-size:20px;	
}

.dialog{
    margin:50px 5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	font-size:16px;
}

}