@charset "utf-8";

/* CSS Document */

<style> 

body{

}

#wrap{

background-color:#333;

height:100%;

width:100%;

position:absolute;

top:0px;

left:0px;

opacity:0%;	

}

#popup{

	left:30%;

	top:15%;

	background-color:#666;

	width:500px;

	height:500px;

	position:absolute;

	width: 500px;

	box-shadow:#333 5px;

	

}

#popup-header{

position:absolute;

width:100%;

background-color:#F60;	

height:80px;	

top:0px;

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

font-weight:bold;

}

#popup-button{

position:absolute;

top:1px;

right:0px;

margin-right:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFF;	

z-index:2;

}

#popup-button a{

color:#333;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

text-decoration:none;



}

#popup-button a:hover{

color:#FFF;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

text-decoration:none;

}

#popup-content{

	position:absolute;

	top:104px;

	height:auto;

	width:100%;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

	color:#FFF;

	overflow-y:auto;

	left: -1px;

	

}

#popup-content a{

	color:#FFF;

	padding:5px 5px 5px 5px;

	text-decoration:none;	



}

#popup-content a:hover{

	background-color:#333;

	color:#F60;

	padding:5px 5px 5px 5px;	

}



div.transbox {

	left:0%;

	top:0%;

	width:100%;

	background-color:#ffffff;

	opacity:0.7;

	filter:alpha(opacity=70); /* For IE8 and earlier */

}

div.transbox p {

	font-weight:normal;

	color:#ffffff;

}

div.trans {

	left:367px;

	bottom:0%;

	width:100%;

	background-color::#333;

	opacity:0.9;

	filter:alpha(opacity=90); /* For IE8 and earlier */

}

div.trans p {

	font-weight:normal;

	color:#ffffff;

}

</style>

