#popup-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; z-index: 110; } #popup, #popup * { font: normal 13px/16px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; color: #454545; margin: 0; padding: 0; border: none; } #popup :focus { outline: none; } #popup { width: 937px; height: 539px; background: url(/images/popup-bg.png) no-repeat; position: fixed; top: 50%; left: 50%; margin: -270px -469px 0; z-index: 120; } #popup a.close { display: block; width: 38px; height: 38px; background: url(/images/popup-close.png) no-repeat; position: absolute; top: 63px; left: 723px; overflow: hidden; text-indent: -9999px; } #popup h1 { color: #0082b7; font: bold 17px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 77px; left: 283px; } #popup p { color: #bc2626; font: normal 11px/13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 247px; left: 703px; width: 150px; } #popup form { position: absolute; top: 135px; left: 260px; width: 440px; height: 360px; } #popup label { display: block; float: left; width: 150px; clear: both; text-align: right; margin: 3px 12px 0 0; } #popup input, #popup textarea { width: 235px; height: 19px; float: left; margin: 0 5px 14px 0; border: 1px #c8c7c7; border-style: none none solid solid; padding: 2px 2px 1px 1px; background: url(/images/popup-input-bg.gif) no-repeat right top; } #popup input.required, #popup textarea.required { background-image: url(/images/popup-required-bg.gif); } #popup input.error, #popup textarea.error { background-image: url(/images/popup-error-bg.gif); } #popup textarea { height: 89px; overflow: auto; } input#popup-tel-prefix, input#popup-tel-prefix.required { border-style: solid; padding: 1px; background: #fff; width: 53px; } input#popup-tel { width: 173px; } #popup button { font: bold 14px/28px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; color: #fff; display: block; width: 104px; height: 28px; background: url(/images/popup-button.png) no-repeat; position: absolute; right: -30px; bottom: 0; cursor: pointer; clear: both; } input#popup-resume { width: 100%; height: 100%; cursor: default; } a#popup-resume-button { overflow: hidden; width: 28px; height: 30px; display: block; float: left; overflow: hidden; text-indent: -9999px; background: url(/images/popup-browse.png) no-repeat; position: relative; top: -3px; left: 1px; cursor: default; } /* popup ballon */ .balloonBG{ width: 1002px !important; height: 569px !important; background: url(/images/popup-bg-balloon.png) no-repeat !important; } .balloonBG a.close { top: 95px !important; left: 788px !important; } .balloonBG h1 { text-align: center; top: 127px !important; left: 421px !important; } #popup div { position: absolute; top: 116px; left: 372px; width: 355px; height: 360px; } #popup div p{ 	color: #568a05; font: normal 17px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 0px; left: 0px; width: 355px; height: 360px; } .balloonBG span.blue { color: #0082b7 !important; } .balloonBG p.blueBig { 	font: bold 17px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; 	text-align: center !important; top: 169px !important; color: #0082b7 !important; } .balloonBG ul.paymentList { 	list-style-position: inside; 	list-style-type: none; 	display: inline-block; 	position: absolute; 	top: 204px; 	left: 0; } .balloonBG ul.paymentList.second{ 	list-style-position: inside; 	list-style-type: none; 	display: inline-block; 	position: absolute; 	top: 204px; 	left: 200px; } .balloonBG ul li img{ 	margin-right: 5px; } .balloonBG ul li a{ 	position: relative; 	color: #0082b7 !important; 	top: -13px !important; 	left: 10px !important; } .balloonBG form { position: relative !important; top: 208px !important; left: 323px !important; width: 470px !important; height: 360px !important; } .balloonBG form #popup-amount{ width: 95px !important; } .balloonBG form .notificateText { 	font: normal 13px/16px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; color: #454545 !important; position: absolute !important; top: 217px !important; left: 160px !important; width: 240px !important; } .balloonBG button { position: absolute !important; left: 367px !important; top: 254px !important; } .balloonBG .backText { 	color: #0082b7 !important; 	font-size: 12px !important; position: absolute !important; left: 120px !important; top: 261px !important; display: inline-block !important; } .balloonBG .backArrow { position: absolute !important; left: 88px !important; top: 258px !important; 	display: inline-block !important; } .balloonBG div.thanksText{ 	color: #568a05; font: normal 14px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 200px; left: 398px; text-align: center; } .balloonBG div.thanksText p.first{ 	font: normal 14px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; 	position: absolute; top: 85px !important; left: 48px !important; } .balloonBG div.thanksText p.second{ 	font: normal 14px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; 	position: absolute; top: 180px !important; left: 48px !important; } .balloonBG div.thanksText p.third{ 	font: normal 14px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; 	position: absolute; top: 260px !important; left: 48px !important; } .balloonBG div.thanksText p.fourth{ 	position: absolute; top: 330px !important; left: 48px !important; } .balloonBG div.thanksText .closeButton{ 	position: absolute; top: 330px !important; left: 141px !important; } .balloonBG div.thanksText .twitter{ 	position: absolute; top: 334px !important; left: 391px !important; } .balloonBG div.thanksText .facebook{ 	position: absolute; top: 334px !important; left: 419px !important; } .balloonBG div.thanksText .vk{ 	position: absolute; top: 334px !important; left: 446px !important; } .balloonBG span.blueThanks { color: #0082b7 !important; font: normal 14px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; } #popup #moneySelect { 	position: absolute; 	top: 220px; 	left: 130px; } #popup div .selectMoneyTitle{ 	color: #568a05; font: normal 13px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 60px; left: 0px; text-align: center; } /* rbk thanks popup*/ #popupRBK-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; z-index: 110; } #popupRBK, #popupRBK * { font: normal 13px/16px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; color: #568A05; margin: 0; padding: 0; border: none; } #popupRBK :focus { outline: none; } #popupRBK { width: 937px; height: 539px; background: url(/images/popup-bg.png) no-repeat; position: fixed; top: 50%; left: 50%; margin: -270px -469px 0; z-index: 120; } #popupRBK a.close { display: block; width: 38px; height: 38px; background: url(/images/popup-close.png) no-repeat; position: absolute; top: 63px; left: 723px; overflow: hidden; text-indent: -9999px; } #popupRBK h1 { color: #0082b7; font: bold 17px/normal Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 77px; left: 270px; } #popupRBK div.thanks { color: #568A05 !important; font: normal 11px/13px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; position: absolute; top: 180px; left: 230px; width: 500px; } #popupRBK p { padding-bottom: 10px; } #popupRBK div.thanks p.social { color: #454545 !important; padding-top: 20px; } #popupRBK div.thanks p.social a{ margin: 0 5px; } #popupRBK div.thanks p.closeButton{ margin: 30px 0px 0px 0px; text-align: right; }