#wrp, .btn {font-family: Arial; margin: 0; padding: 0;}
*html #wrp #logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img2.imgsmail.ru/r/my/app/connect/mailru-logo.png', sizingMethod='crop'); background-color: transparent; background-image: none;}
*html #wrp a.mailru-logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img1.imgsmail.ru/mail/ru/images/my/share.png', sizingMethod='crop'); background-color: transparent; background-image: none;}
*html #wrp .title-fade {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img1.imgsmail.ru/r/my/app/connect/connect-popup-header-fade.png', sizingMethod='scale'); background-color: transparent; background-image: none;}
#wrp {border: 6px solid #97BCD3; width: 499px; font-family: Arial; font-size:12px; margin: 0 auto; background: white; position: absolute; top: 100px; left: 100px; z-index: 1000;}
#wrp a {text-decoration: underline}
#wrp a:hover {text-decoration: none}
#wrp a.mailru-logo {background-image: url('share000.png') no-repeat -72px 0; display: inline-block; width: 73px; height: 14px; width: 144px;}/* position: absolute; left: 7px; top: 8px;*/

#wrp h1, h1.wrp_h1  {margin: 0; padding: 0 0 3px 5px; background: url('connect-.gif') repeat-x 0 50%; position: relative; text-align: left;}
#wrp h1, .title-text, h1.wrp_h1, h1.wrp_h1  .title-text {color: white; font-size: 12px;}
#wrp .title-fade , h1.wrp_h1  .title-fade { display: inline-block; height: 32px; position: absolute; right: 35px; top: 0; width: 20px; background: url('connect-.png') no-repeat 0 50%; }
#wrp .title-text, h1.wrp_h1 .title-text {display: inline-block; vertical-align: bottom; padding: 7px; line-height: 16px; width: 425px; overflow: hidden; white-space: nowrap; }
#wrp .title-pic , h1.wrp_h1 .title-pic {display: inline-block; margin: 7px 0; background-repeat: no-repeat; width: 16px; height: 16px; vertical-align: middle}


/*#wrp #close-modal, #wrp #close-modal2 {background: url('http://img4.imgsmail.ru/r/my/app/connect/close-modal.gif') no-repeat 50% 50%; position: absolute; right: 10px; top: 50%; margin-top: -10px; height: 20px; width: 20px; display: inline-block; cursor: pointer;}
#wrp .close-modal-notTop {background: url('http://img3.imgsmail.ru/r/my/close2.gif') no-repeat 50% 50% !important; right: 5px !important; top: 5px !important; height: 16px !important; width: 16px; margin-top: 0 !important;}*/
#wrp #close-modal, #wrp #close-modal2, h1.wrp_h1 #close-modal, h1.wrp_h1 #close-modal2 {background: url('close-mo.gif') no-repeat 50% 50%; position: absolute; right: 10px; top: 50%; margin-top: -10px; height: 20px; width: 20px; display: inline-block; cursor: pointer;}
#wrp .close-modal-notTop, .wrp_content  .close-modal-notTop {background: url('close200.gif') no-repeat 50% 50% !important; right: 5px !important; top: 5px !important; height: 16px !important; width: 16px; margin-top: 0 !important;}


#wrp h2 {font-size: 18px; margin: 0 0 15px 0; font-weight: normal;}
#wrp #logo {display: inline-block; background: url("mailru-l.png") no-repeat; width: 109px; height: 22px; margin: 10px 0 0 21px;}
#wrp #relation {height: 163px; background: url("connect-.jpg") no-repeat; position: relative; margin: 0 0 20px 0;}
#wrp #partner-logo {position: absolute; right: 82px; top: 62px; width: 100px; height: 80px; display: inline-block;}
/*#wrp #content {padding: 0 60px; margin: 20px 0 0 0;}*/
/*#wrp #content {background: transparent url('http://img4.imgsmail.ru/r/my/app/connect/bg_causes_top.gif') repeat-x scroll 0 0; margin: 0; padding: 20px 25px 0; text-align: left;}*/
#wrp #content, .wrp_content {background: transparent url('bg_cause.gif') repeat-x scroll 0 0; margin: 0; padding: 20px 25px 0; text-align: left;}
#wrp #content #ua_settings {}/*width: 340px;inline-block*/
#wrp form label {display: block; margin: 0 0 6px 0;}/*inline-block*/
#wrp .text {border: 1px solid #ccc; padding: 2px; margin: 0 8px 0 0;}
#wrp .label-text {width: 65px; display: inline-block;}
/*#wrp .tar {text-align: right}*/
#wrp form {margin: 0; padding: 0}
#wrp div.highlight, .wrp_highlight {padding: 13px 10px 12px 20px; vertical-align: middle; margin-top: 10px; margin-bottom: 0 !important; height: 28px; border-top: 1px solid #c3ddef; background: #E5EFF6; text-align: right; margin: 10px 0 0 0 !important;  }
#wrp .tar {text-align: right}
#wrp #login p {margin-bottom: 30px;}
#wrp .btn {border: 0; background: none; overflow: hidden; padding: 0; margin: 0 10px 0 0; cursor: pointer; display: inline-block; white-space: nowrap}
#wrp .btn span, .btn em {background: url("button-s.png") no-repeat; display: inline-block; height: 26px; font-size: 12px; line-height:18px;}
#wrp .btn span {background-position: 0 0;}
#wrp .btn em {background-position: 100% -30px; margin-left: 4px; padding: 3px 21px 0 15px; color: white; font-style: normal; font-weight: bold;}
#wrp .btn:hover span  {background-position: 0 -60px;}
#wrp .btn:hover em {background-position: 100% -90px;}
#wrp .btn:active span {background-position: 0 -120px;}
#wrp .btn:active em {background-position: 100% -150px;}
#wrp .btn-cancel span {background-position: 0 -181px}
#wrp .btn-cancel em {background-position: 100% -210px}
#wrp .btn-cancel:hover span {background-position: 0 -241px}
#wrp .btn-cancel:hover em {background-position: 100% -270px}
#wrp .btn-cancel:active span {background-position: 0 -301px}
#wrp .btn-cancel:active em {background-position: 100% -330px}
#wrp .warn {margin: 15px 0; border-left: 2px solid red; padding-left: 10px;}

#wrp .prel {overflow: hidden}
#wrp .post {margin: 0;}
#wrp .whats-new #content {padding: 0 22px;}
#wrp .whats-new .post_b {width: 385px;}
#wrp .whats-new .content {position: relative; margin: 5px 23px 0 60px}

#wrp .c_img {height: 110px; overflow: hidden; position: static}
#wrp .c_text_cont_with_pic {width: 285px}
#wrp .c_head {overflow: visible}
#wrp .whats-new div.highlight .btn, #wrp .whats-new .wrp_highlight .btn {margin-left: 10px; }
#wrp .mr5 {margin-right: 5px;}
#wrp .action-links {font-size: 11px; }
#wrp .content a {color: #0857A6;}
#wrp .content a:hover {color: #F26D00;}
#wrp #title_id {margin-bottom: 4px;}
#wrp #desc_id {font-size: 11px;}
#wrp #title_id, #desc_id {font-family: Tahoma}
#trans_space {z-index: 500; background: #666 url(dialog-l.gif) no-repeat center center; -moz-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); position: absolute; top: 0; left: 0;}


#wrp #content h3, .wrp_content h3 {font-size: 16px; color: black; margin-bottom: 10px; margin-top: 0;}
#wrp #content h4, .wrp_content h4 {color: black;}
#wrp #content .app-actions, .wrp_content .app-actions {background: none transparent; border: 0 none; margin-top: 0; padding: 0; position: static; width: auto; z-index: 100;}
#wrp #content .copy_screen, .wrp_content .copy_screen {background: url('copy_scr.gif') no-repeat; width: 185px; height: 120px; margin-left: 20px; float: right;}
#wrp #content .copy_screen img, .wrp_content .copy_screen img {margin: 35px 0 0 25px;}

#wrp #pay {padding: 0;}
#wrp #pay #rules-link {position: absolute; right: 0; top: 5px; font-size: 10px} 
#wrp #pay #service-name {padding-right: 50px; position: relative; }