@charset "UTF-8";
/* CSS Document */

body {
	background-color:#ffffff;
}

#content {
	color:#000000;
	font-family:tahoma;
	font-size:14px;
	margin:0 auto;
	width:800px;
	margin-top:50px;
}

#content a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}

.popup {
    background-color: #ffffff;
    color: #888888;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 25%;
    width: 30%;
	margin-left: 5.0%;
    z-index: 101;
	/*border:5px solid #888888;*/
	-moz-box-shadow: 0px 0px 10px 1px #888888;
	-webkit-box-shadow: 0px 0px 10px 1px #888888;
	box-shadow: 0px 0px 10px 1px #888888;
	border-radius:10px;
	-moz-border-radius:10px;
}

 @media(max-width:1300px){
	 .popup {
		width: 50%; 
		 margin-left: -30px;
	 }
}

 @media(max-width:991px){
	 .popup {
		width: 70%; 
		 margin-left: -80px;
	 }
}

.overlay {
    background: #3B7125;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	opacity:0.5;
}

a.close {
    background: url("cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
	background-color: #3B7125;
	color: #FFF;
	border-radius: 25%;
    height: 26px;
	width: 26px;
    left: 32px;
	top: -33px;
    position: relative;
	z-index: 12000;
	opacity:0.9;
	
}