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

body {
	background-color:#ffffff;
}

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

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

.popup {
	max-width: 700px;
    background-color: #ffffff;
    color: #888888;
    margin-left: 1em;
    padding: 3em;
    position: fixed;
    top: 25%;
    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: 1024px) {

    .popup {
	max-width: 700px;
    background-color: #E1EBF9;
    margin-left: -2em;
        padding: 1em;
    }
      
}

  @media (max-width: 768px) {

    .popup {
	max-width: 500px;
    background-color: #E1EBF9;
    margin-left: -6em;
        padding: 3em;
    }
      
}

  @media (max-width: 480px) {

    .popup {
	max-width: 430px;
    background-color: #E1EBF9;
    margin-left: -9em;
        padding: 1em;
    }
      
}

  @media (max-width: 300px) {

    .popup {
	max-width: 200px;
    background-color: #E1EBF9;
    margin-left: -1em;
        padding: 1em;
    }
      
}



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

.overlayblue {
    background: #77bedb;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
	opacity:0.9;
}

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