#back {
/* задний фон по умолчанию не виден, его цвет черный, он занимает всё пространство по высоте и ширине, его позиция фиксирована , то есть при скроллинге он никуда не денется */
display: none;
height:100%;
width:100%;
z-index:100;
position: fixed;
top:0px;
left:0px;
background:#000;
}

#popup {
padding:10px;
background: #fff;
/*background: #fff url(/images/omolozhenie.jpg) center center no-repeat;*/
/* само всплывающее окно , ширину и высоту Вы можете задать на свое усмотрение , но нет смысла задавать их слишком большими, иначе окно займет весь экран, кроме того следует обратить внимание на свойство margin-left отступ слева , чтобы окно находилось по центру экрана это свойство следует указывать из расчета ширина окна деленная на два плюс два пиксела , например для ширины окна 300px, margin-left будет равняться 152px  */
display: none;
width: 500px;
/*height:320px;*/
height:370px;
z-index: 101;
position: fixed;
color: #000;
background-color: #fff;
}



#popup .popupcontent {
/* блок находится внутри самого всплывающего окна */
padding: 10px;
height:94%;
}

#close {
/* блок с крестиком или ссылкой на закрытие окна */
position: absolute;
right:0%;
margin-right:-10px;
top:-10px;
cursor: pointer;
width:20px;
height:20px;
}

#clickyes {padding:25px 0; text-align:center; position:absolute; top:260px; right:50px;}
#clickyes p { text-align:center;}

#clickyes a {text-decoration:none; text-align:center; margin:15px 0;
 padding:10px; 
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#fff; 
 background-color:#95b700; 
 background-image: -moz-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -webkit-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -o-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -ms-linear-gradient(top, #95b700 0% ,#4f8f00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8f00', endColorstr='#4f8f00',GradientType=0 ); 
 background-image: linear-gradient(top, #95b700 0% ,#4f8f00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;}

#clickyes a:hover {  padding:10px;   margin:15px 0; text-decoration:underline;
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#4f8f00; 
 background-image: -moz-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -webkit-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -o-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -ms-linear-gradient(top, #4f8f00 0% ,#95b700 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b700', endColorstr='#95b700',GradientType=0 ); 
 background-image: linear-gradient(top, #4f8f00 0% ,#95b700 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  }

#clickyes a:active {
 padding:10px;   margin:15px 0;
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffea00; 
 background-color:#95b700; 
 background-image: -moz-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -webkit-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -o-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -ms-linear-gradient(top, #95b700 0% ,#4f8f00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8f00', endColorstr='#4f8f00',GradientType=0 ); 
 background-image: linear-gradient(top, #95b700 0% ,#4f8f00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}

#clickno {padding:25px 0; text-align:center; position:absolute; top:260px; right:30px;}
#clickno p { text-align:center;}

#clickno a {text-decoration:none; text-align:center; margin:15px 0;
 padding:10px; 
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#fff; 
 background-color:#95b700; 
 background-image: -moz-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -webkit-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -o-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -ms-linear-gradient(top, #95b700 0% ,#4f8f00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8f00', endColorstr='#4f8f00',GradientType=0 ); 
 background-image: linear-gradient(top, #95b700 0% ,#4f8f00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;}

#clickno a:hover {  padding:10px;   margin:15px 0; text-decoration:underline;
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffffff; 
 background-color:#4f8f00; 
 background-image: -moz-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -webkit-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -o-linear-gradient(top, #4f8f00 0%, #95b700 100%); 
 background-image: -ms-linear-gradient(top, #4f8f00 0% ,#95b700 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b700', endColorstr='#95b700',GradientType=0 ); 
 background-image: linear-gradient(top, #4f8f00 0% ,#95b700 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  }

#clickno a:active {
 padding:10px;   margin:15px 0;
 border:solid 1px #3e7104; 
 -webkit-border-radius:16px;
 -moz-border-radius:16px; 
 border-radius: 16px; 
 font:14px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#ffea00; 
 background-color:#95b700; 
 background-image: -moz-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -webkit-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -o-linear-gradient(top, #95b700 0%, #4f8f00 100%); 
 background-image: -ms-linear-gradient(top, #95b700 0% ,#4f8f00 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8f00', endColorstr='#4f8f00',GradientType=0 ); 
 background-image: linear-gradient(top, #95b700 0% ,#4f8f00 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}