.hider
{
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    background-color: Black;
    opacity: 0.2;
    filter: alpha(opacity=20);    
}
.popupbox
{
	position: fixed;
	top: 30%;
	left: 50%;
	width: 300px;
	height:auto;
	/*margin:0px auto;*/
	/*margin-top: -225px;*/ /*yüksekliğin yarısı olmalı*/
	margin-left:-150px; /*genişliğin yarısı olmalı*/
	border: 2px dashed #464b4c;
	z-index: 10000;
	background-color: #fff;
	color:#464b4c;
	font-size:large;
	font-weight:bolder;
	padding: 10px;
	-moz-box-shadow: 10px 10px 5px rgb(50,50,50);
	-webkit-box-shadow: 10px 10px 5px rgb(50,50,50);
	box-shadow: 10px 10px 5px rgba(50,50,50,0.3);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}   
.popupPanel
{
	position: fixed;
	top: 30%;
	/*left: 50%;*/
	margin:0px auto;
	width:auto;
	height:auto;
	/*margin:0px auto;*/
	/*margin-top: -225px;*/ /*yüksekliğin yarısı olmalı*/
	/*margin-left:-150px;*/ /*genişliğin yarısı olmalı*/
	border: 2px dashed #464b4c;
	z-index: 10000;
	background-color: #fff;
	padding: 10px;
	-moz-box-shadow: 10px 10px 5px rgb(50,50,50);
	-webkit-box-shadow: 10px 10px 5px rgb(50,50,50);
	box-shadow: 10px 10px 5px rgba(50,50,50,0.3);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}