﻿.out-box{
	width:400px;
	height:320px;
	/*background:url(../images/donation.jpg) no-repeat;*/
	background:#fff; 
	position:relative; top:150px; color:#000; border-radius:20px;
	/*transition: transform .2s;*/
}	
.out-box:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.pophead{line-height:180%; font-size:24px; padding-top:20px; color:#CB0023;}
.popuptext{padding:0 20px; font-size: 16px;}
.control{padding:208px 0px 0 0; text-align:center}
#election{padding:10px; text-align:center;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000;
border:1px solid #cecece;
z-index:-100;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index:2000000;
}
#preloadedImages
{
    width: 0px;
    height: 0px;
    display: inline;
/*    background-image: url(../images/popup-bg.png);
	background-image: url(../images/pop-login.gif);
	background-image: url(../images/pop-cancel.gif);*/
}
@media screen and (max-width: 767px) {
.out-box{
	max-width:70%;
	height:auto;
	position:relative; top:0;
	margin-left:15%;

}
.control{padding:0 0px 0 0; text-align:center}
#election{padding:10px; text-align:center;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000;
border:1px solid #cecece;
z-index:-100;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
z-index:2000000;
}
.popuptext{padding:0; font-size:14px;}
.pophead{font-size:20px;}
}