/* content plugin styles */ .jcomments-links {margin-top: 10px; clear:both; text-align: left} .comments-link, .readmore-link{padding: 0 5px 5px 14px;background-image: url(images/jc_blog.gif);background-repeat: no-repeat} .comments-link {background-position: 0 -27px} .readmore-link {background-position: 0 2px} /* JComments common styles */ #jc a:link, #jc a:visited, #jc a:hover {outline: none} #jc .clear {clear: both; height: 1px; overflow: hidden} #jc .busy { display:none; margin-top: 20px; margin-left: 225px; padding: 0; width: 16px; height: 16px; background: url(images/jc_busy.gif) no-repeat;position:relative;clear:both; } #jc h4 { clear: both; color: #237A72; font-family: 'Cuprum', sans-serif; font-size: 24px; font-weight: 500; letter-spacing: 0px; margin-bottom: 0px; margin-left:2px; } #jc p.message {color: #777;background-color: inherit; background-image: none; text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB} #comments {margin: 0;padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0;min-height:15px;} #comments a {color: #849B9F;background-color: inherit;font-weight: normal;text-decoration: none} #comments a:active, #comments a:focus, #comments a:hover {color: #cc0000} #comments a[rel*=external] {background: url(images/jc_link.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px} /* RSS and Refresh*/ #comments .rss, #comments .refresh, #comments .subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none} #comments .rss {background: url(images/jc_rss.gif) no-repeat center left} #comments .refresh {background: url(images/jc_refresh.gif) no-repeat center left} #comments .subscribe {background: url(images/jc_subscribe.gif) no-repeat center left} #comments h4 .rss, #comments h4 .refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline} /* List footer */ #comments-list-footer {margin: 0 0 10px 20px !important} /* Show/hide form */ #comments-form-link .showform {margin: 5px 0 0 22px;padding: 0 0 5px 14px;background: url(images/jc_blog.gif) no-repeat 0 -28px;border: none;font-weight: bold;display: block} /* Comment */ #comments .comment-box {margin: 0;padding: 0; color: #999} #comments .comment-avatar { float:left; border: 1px solid #B6B6B6; height: 50px !important; margin-left: 18px; margin-top: 2px !important; width: 50px !important; } #comments .avatar-indent {padding-left: 40px} #comments .comment-anchor {color: #777; text-decoration: none; border: none} #comments .comment-author, #comments .author-homepage { color: #237A72; float: left; font-family: "Trebuchet MS"; font-size: 13px; font-weight: 700; margin-bottom: 10px; margin-left: 3px; padding-top: 20px; text-transform: capitalize; } #comments .author-homepage {text-decoration: none; border-bottom: 1px dotted #3c452d} #comments .comment-title {color: #b01625;font-family: "Trebuchet MS";margin: 0;padding: 0} /* Avatar */ #comments .comment-avatar img {width: 50px;border: none !important;} /* Date and Time*/ #comments .comment-date {font-size: 10px;color: #999;margin: 0;padding: 0 0 0 12px;background: url(images/jc_date.gif) no-repeat center left} #comments .comment-body { color: #393939; float: left; font-family: "Trebuchet MS"; font-size: 13px; /*font-style: italic;*/ font-weight: 500; line-height: 1.3; padding: 0px 10px 30px; /*width: 665px;*/ width: 590px; } #comments .even, #comments .odd { background: url("images/comm_s.jpg") repeat-y transparent; border: 0px none currentColor; clear: both; color: #3C452D; margin: 0px 0px 10px; padding: 0px; width: 690px; } /* Quote, Code and Hidden block styles */ #comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: both; background-image: none} #comments blockquote, #comments .hidden, #comments code, #comments pre {color: #849B9F;text-align: left;padding: 8px;margin-bottom: 8px} #comments blockquote, #comments .hidden {border: 1px dashed #849B9F} #comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal} #comments .code {background: none; border: none; padding:0} #comments .quote {color: #777} #comments .hidden {clear: both;display: block;margin: 5px 0} /* Quote and Reply to buttons panel */ #comments .comments-buttons {height: 15px;float: right} #comments .email, #comments .emailactive {font-family: "Trebuchet MS"; text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999} #comments .email {color: #444; background-color: inherit} #comments .emailactive {color: #cc0000; background-color: inherit} #comments .email img, #comments .emailactive img {padding: 0} #comments p {font-family: "Trebuchet MS";margin: 5px 5px 5px 0; padding: 0; text-decoration: none; text-transform: none; text-indent: 0} #comments .comment-body img {padding: 0; border: 0 none} #comments .comment-body .img {padding: 4px 0 !important; max-width: 500px} #comments .toolbar {clear: both;color: #ccc;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0} #comments .toolbar img{cursor: pointer; padding: 0; margin: 0} /* Comments list */ #comments .comments-list {margin-left: 0px;height: 1%} #comments .even, #comments .odd {background-image: none;background-color: transparent;color: #3c452d;border: none; margin-left: 0;margin-bottom: 10px;padding: 0} #comments-list .comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc} /* Comment form */ div.comments-policy {color: #777; text-align: left;text-decoration: none;text-transform: none;text-indent: 0; background-color: inherit; border: 1px dotted #ccc; padding: 5px; margin: 5px 0 5px 20px; margin-left: 20px !important;} div.comments-policy ol, div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px} div.comments-policy ol li, div.comments-policy ul li {font-family: "Trebuchet MS"; margin: 0;padding: 0;border: none;line-height: 5px} #comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0} #comments-form p, #comments-report-form p, #comments-form span, #comments-form .counter {color: #777;font-family: "Trebuchet MS";} #comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {font-family: "Trebuchet MS";margin-left: 20px !important;margin-top: 10px;margin-bottom: 8px;overflow: hidden;padding: 0} #comments-inline-edit {border: 1px solid #ccc;margin: 5px 0 0 0;background: #fff} #comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons, #comments-inline-edit #comments-form-error {font-family: "Trebuchet MS";margin-left: 5px !important;margin-left: 5px;margin-top: 5px;margin-bottom: 2px;padding: 0} #comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer} #comments-form span.captcha {padding: 0 0 0 12px; color: #777; background: url(images/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer} .one { float:left; width:110px; height:60px; } .too { float:left; width:245px; height:60px; } #comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0} #comments-form p, #comments-form span, #comments-form .counter {float:left;color: #777;font-family: "Trebuchet MS";} #comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error {font-family: "Trebuchet MS";margin:10px 0 10px 20px;overflow: hidden;padding:0} #comments-inline-edit {background-color: #fff; padding:8px; position:relative; z-index:199} #comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons, #comments-inline-edit #comments-form-error {font-family: "Trebuchet MS";margin-left: 5px !important;margin-left: 5px;margin-top: 5px;margin-bottom: 2px;padding: 0} #comments-form .comments-policy {color: #777; border: 1px dotted #ccc; margin-left: 20px !important; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; padding: 5px} #comments-form .comments-policy ol, #comments-form .comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px} #comments-form .comments-policy ol li, #comments-form .comments-policy ul li {font: normal 1em Verdana, Arial, Sans-Serif; margin: 0;padding: 0;border: none;line-height: 5px} img.captcha {cursor: pointer;} #comments-form .smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer} #comments-form .captcha {padding: 0;margin: 0 0 3px 0;} #comments-form .captcha { color: #777; no-repeat 0 2px;/*cursor: pointer;*/} #comments-form label {color: #777;line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle} #comments-form input, #comments-form textarea { background-color: #FFF; padding: 5px; margin-bottom:10px; border: 1px solid #C9C9C9; font-family: "Trebuchet MS"; } #comments-form textarea { font-family: "Trebuchet MS" !important; font-size: 13px !important; font-weight: 500; line-height: 1.3; max-width:440px; width:440px; max-height:100px; resize: none; } #comments-form input {width: 225px;margin-bottom: 2px;height: 1.5em} #comments-form .error, #comments-form .error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0} #comments-form input.checkbox {width: 16px; line-height: 1.5em; padding: 0; margin: 0; vertical-align: middle; border: none} #comments-form input.captcha {width: 116px; margin: 3px 0 5px 0} #comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block} #comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee} #comments-form .grippie {display:none;} #comments-form .grippie .counter {font-size: 0px;display:none;} #comments-form .grippie span {display:none;} #comments-form .grippie span span {display:none;} #comments-form-smilespanel {display: none;cursor: pointer;padding: 2px;max-width: 200px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0;top: 0;position:absolute;z-index: 999999 !important;} #comments-footer, #comments-footer a {color: #ccc !important; background-color: inherit; font-family: "Trebuchet MS" !important} #comments-footer {display: block;height: 14px;border-top: 1px solid #ccc;padding-top: 1px;margin-top: 4px;text-align: right} #comments-footer a {text-decoration: none !important;text-transform: none;padding: 0;margin: 0;border: none !important;float: right; background: none !important} /* Pagination */ body #jc #nav-bottom, body #jc #nav-top {line-height: 19px !important;line-height: 17px;height: auto !important;text-align: center} #jc #nav-bottom .page, #jc #nav-top .page { width:11px; height:18px; color: #666666; margin: 0 2px; padding: 0px 6px; cursor: pointer; vertical-align: top; font-weight: bold; font-family: "Trebuchet MS"; font-size: 13px; /*background: url(images/comm_no.jpg) no-repeat;*/ } #jc #nav-top .page, #jc #nav-top .pagel, #jc #nav-top .pager, #jc #nav-top .pagelp, #jc #nav-top .pagerp, #jc #nav-top, #jc #nav-bottom span.pagenav, #jc #nav-bottom .pagerp, #jc #nav-bottom .pagelp, #jc #nav-top span.pagenav, #jc #nav-bottom .page, #jc #nav-bottom .pagel, #jc #nav-bottom .pager, #jc #nav-bottom { float:left; } #jc #nav-top span.page, #jc #nav-bottom span.page, #jc #nav-top span.pagelp, #jc #nav-top span.pagerp, #jc #nav-bottom span.pagerp, #jc #nav-bottom span.pagelp { color: #666666; font-size: 14px; height: 18px; border:1px #ccc solid; margin-top:1px; padding-left:8px; padding-right:8px; } #nav-top span.pagelp, #nav-bottom span.pagelp { margin-right:13px; margin-left:6px; font-weight:700; } #nav-top span.pagerp, #nav-bottom span.pagerp { margin-left:13px; margin-right:6px; font-weight:700; } #jc #nav-top span.pagel, #jc #nav-bottom span.pagel, #jc #nav-top span.pager, #jc #nav-bottom span.pager { color: #666666; font-size: 14px; height: 18px; border:1px #ccc solid; margin-top:1px; padding-left:8px; padding-right:8px; font-weight:700; } #jc #nav-top span.pagel:hover, #jc #nav-bottom span.pagel:hover, #jc #nav-top span.pager:hover, #jc #nav-bottom span.pager:hover, #jc #nav-top span.pagelp:hover, #jc #nav-top span.pagerp:hover, #jc #nav-bottom span.pagerp:hover, #jc #nav-bottom span.pagelp:hover { text-decoration:underline; } #jc #nav-bottom .hoverpage, #jc #nav-top .hoverpage {color: #666666;} #jc #nav-bottom .pagenav, #jc #nav-top .pagenav { /*float: left;*/ color: #666666; font-size: 14px; height: 18px; margin: 1px 3px 0px; padding: 0px 5px; /*background: url("images/pagen.jpg") repeat-x scroll 0% 0% rgb(255, 255, 255); border-radius: 3px 3px 3px 3px; text-shadow: 0px 1px 1px rgb(57, 139, 131);*/ /*text-decoration:underline;*/ border:1px #ccc solid; } #jc #nav-bottom .activepage, #jc #nav-top .activepage {color: inherit;background-color: white} #jc div#nav-bottom, #jc div#nav-top {position: relative;z-index: 2;width: 100%} #jc div#nav-bottom { margin-bottom:22px; margin-top:0px; text-align:left; } #jc #nav-top .activepage, #jc #nav-bottom .activepage { float:left; color: #666666; font-size: 14px; height: 19px; margin: 1px 3px 0px; padding: 1px 5px 0px 5px; text-decoration:none; background:#e8e9ec; } #jc div#nav-top { margin: 10px 0 11px 0; text-align:left; /*background: url(images/jc_dot.gif) repeat-x bottom*/ } /* #jc #nav-top .activepage { width:11px; height:17px; color: #FFF; background: url(images/comm_aktiv.jpg) no-repeat; } */ /* Vote */ #jc span.comments-vote {width: 6em;height: 15px;float: right} #jc span.comments-vote a{width: 15px;height: 14px;float: left;margin: 0 3px 0 0;display: block;background-repeat: no-repeat;background-image: url(images/jc_vote.gif);border: none !important; text-decoration: none} #jc span.comments-vote .busy{margin: 0; float: right; width: 16px} #jc .vote-good{background-position: 0 0} #jc .vote-poor{background-position: -15px 0} #jc span.vote-good,#jc span.vote-poor,#jc span.vote-none{margin: 0;float: right;font-family: "Trebuchet MS";line-height: 14px} #jc span.vote-good{color: #339900} #jc span.vote-poor{color: #CC0000} #jc span.vote-none{color: #A9A9A9} /* BBCode */ #jc span.bbcode{width: auto;height: 23px;display: block;margin-bottom: 5px} #jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;background-color:transparent !important;background-repeat: no-repeat;background-image: url(images/jc_bbcodes.gif);text-decoration:none;border:none !important} #jc a.bbcode-empty{background-position: 0 0} #jc a.bbcode-b{background-position: -30px 0 !important} #jc a.bbcode-i{background-position: -60px 0 !important} #jc a.bbcode-u{background-position: -90px 0 !important} #jc a.bbcode-s{background-position: -120px 0 !important} #jc a.bbcode-url{background-position: -150px 0 !important} #jc a.bbcode-img{background-position: -180px 0 !important} #jc a.bbcode-list{background-position: -210px 0 !important} #jc a.bbcode-hide{background-position: -240px 0 !important} #jc a.bbcode-quote{background-position: -270px 0 !important} #jc a.bbcode-smile{background-position: -300px 0 !important} #jc a.bbcode-youtube{background-position: -330px 0 !important} #jc a.bbcode-google{background-position: -360px 0 !important} #jc a.bbcode-wiki{background-position: -390px 0 !important} #jc a.bbcode-facebook{background-position: -420px 0 !important} #jc a.bbcode-flickr{background-position: -450px 0 !important} #jc span.bbcode img {width: 23px;height: 23px;float: left;margin: 0 2px 0 0} #jc .custombbcode {width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;text-decoration:none;cursor: pointer} /* Rounded comments */ #jc .rbox { background:#f1f9f9; border: 0px none currentColor; clear: both; color: #3C452D; margin: 0px 0px 16px; padding: 5px; width: 690px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #jc .rbox div {text-align: left;} #jc .rbox_t {margin: 0;} #jc .rbox_tl {} #jc .rbox_tr { background: url("images/comm_v.jpg") no-repeat transparent; float: left; height: 5px; width: 690px; } #jc .rbox_m {} #jc .rbox_b {} #jc .rbox_bl {} #jc .rbox_br { /*background: url("images/comm_n.jpg") no-repeat transparent;*/ /*float: left;*/ height: 23px; margin-bottom:10px; width: 690px; } .imya { color: #237A72; float: left; font-family: "Trebuchet MS"; font-size: 14px; font-weight: 700; margin-bottom: 5px; margin-left: 12px; padding-top: 2px; text-transform: capitalize; /*width:665px;*/ width:590px; border-bottom:1px #ccc solid; } .contentBox strong { font-weight: 700; } .imya strong { color: #656565; font-size: 12px; font-style: italic; text-transform: lowercase; } #comments .comment-body { color: #333; margin: 0px; /*padding: 5px 0px 5px 12px;*/ padding: 1px 0px 5px 12px; } .comment-body span { margin:0 !important; } .comm_zagst { clear: both; color: #237A72; /*float: left;*/ font-family: "Cuprum", sans-serif !important; font-size: 24px; font-weight: 500; letter-spacing: 0px; width: 690px; height:30px; } /* .namess { float: left; } */ #comments-form { float:left; width:452px; padding:10px 16px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #F1F9F9; margin-top:10px; margin-bottom:15px; } #comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter { text-align: left; text-indent: 0px; text-transform: none; } .comm_text { margin-bottom: 3px; } .comm_text, .comm_texts { color: #4E4E4E; font-size: 13px; /*font-style: italic;*/ font-weight: 400; } .commm { float: left; margin-top: 10px; /*width: 690px;*/ } .captchaa { float: left; /*margin-bottom:30px;*/ } #comments-form .btn { display: inline-block; height: 34px; padding: 3px 7px 0px 0px;/*28px 7px 0px 0px*/ /*width: 123px;*/ } style.css:190 #comments-form p, #comments-form span, #comments-form .counter { color: #777777; float: left; font-family: "Trebuchet MS"; } #comments-form .selected { background-color: #FFFFFF; color: #777777; font-family: "Trebuchet MS"; } #comments-form input.captcha { width: 96px; margin: 15px 0 5px 0; padding-left:5px; float:left; } #formbuttons { float:left; /*width:300px;*/ /*height:70px;*/ /*margin-top:34px !important;*/ margin-left:0px;/*12px*/ } #comments-form #comments-form-message, #comments-inline-edit #comments-form-message { padding: 15px 5px 10px 75px; margin:0 auto; display: block; } .comments-form-message-error { background: url("../../../../templates/neboleem/images/oshibka.png") 0px 50% no-repeat #F39520; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #FFFFFF; float: none; font-family: "Trebuchet MS"; font-size: 15px; font-style: italic; font-weight: 700; margin: 10px auto !important; min-height: 40px; padding: 10px 5px 10px 75px !important; text-shadow: 1px 1px #91580E; width: 370px; } .comments-form-message-info { background: url("../../../../templates/neboleem/images/udacha.png") 10px 50% no-repeat #46A69B; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #FFFFFF; float: none; font-family: "Trebuchet MS"; font-size: 15px; font-style: italic; font-weight: 700; margin: 10px auto !important; min-height: 40px; padding: 5px 23px 5px 65px !important; text-shadow: 1px 1px #91580E; width: 370px; } #comments-form .counterpanel { height:13px; display:block; overflow:hidden; color: #ccc; padding: 0; margin:0; border:1px solid #ddd; border-top-width:0; max-width: 4000px !important; width: 350px;background-color: #eee} .bl { clear:both; } #comments .title { font-family: 'Cuprum', sans-serif; letter-spacing: 0px; font-size: 24px !important; font-weight: 500; color: rgb(35, 122, 114); margin-bottom: 0px; clear:both; } #comments .h1title { font-family: 'Cuprum', sans-serif; letter-spacing: 0px; font-size: 30px !important; font-weight: 500; color: rgb(35, 122, 114); margin-bottom: 10px; } #comments #read-article { font-size: 16px; color:#333; padding:2px 8px; border:1px #ccc solid; } #comments #read-article:hover { text-decoration:underline; } #comments .nadnavi { margin-top:0px!important; } #comments .pagenav { float: left; color: rgb(255, 255, 255); font-size: 12px; height: 18px; margin: 1px 3px 0px; padding: 0px 5px; background: rgb(255, 255, 255); border-radius: 0px; text-shadow: 0px 0px 0px; } .rekl-niz { margin-top:-20px; } .coment-datetime { text-transform:lowercase; font-weight:400; } #read { float:none; margin-bottom: 12px; margin-top:18px; } a#read-article { text-decoration:none; } div#nav-top a.pagenav:hover, div#nav-bottom a.pagenav:hover, a#read-article:hover { text-decoration:underline; } .polstcomm { background: url("../../../../templates/neboleem/images/bord.jpg") repeat-x transparent; clear: both; float: left; height: 9px; margin-top: 20px; width: 698px; } #nav-tops { height:14px; } #comments-form .open_popup { cursor:pointer; display:block; float:left; margin-top:20px; text-decoration:underline; } #comments-form .open_popup:hover { text-decoration:none; } #comments-form .overlay { display:none; position:fixed; z-index:999; opacity:0.5; filter:alpha(opacity=50); top:0; right:0; left:0; bottom:0; background:#000; } #comments-form .popup { display:none; position:fixed; border:3px solid #999; background:#fff; width:380px; height:310px; top:50%; left:50%; margin:-200px 0 0 -300px; z-index:1000; border-radius:10px; padding:30px; } #popup2 { display:none; position:fixed; border:3px solid #999; background:#fff; width:380px; height:100px; top:50%; left:50%; margin:-100px 0 0 -300px; z-index:1000; border-radius:10px; padding:30px; font-size:13px; } #popup2 .poptitle { font-size:18px; font-weight:bold; margin: 0 0 10px; } #comments-form .popup img { width:50px; margin:5px; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } #comments-form .popup img:hover { border:1px solid #666; } #comments-form .close, #popup2 .close { display:block; width:24px; text-align:center; cursor:pointer; height:24px; line-height:24px; background:#fff; /*color:red; */ /*border:3px solid red; */ position:absolute; top:5px; right:7px; text-decoration:none; border-radius:3px; font-size:20px; } #comments-form .curent { border:2px solid #666; } .set-avatar { width:160px; height:60px; float:left; margin:35px 0 0 32px; } .set-avatar #avatarka { display:block; float:left; margin:4px 5px; width:50px; border: 1px solid #B6B6B6; cursor:pointer; } #namenmail { float:left; }