/* Dialog rest for jquery UI */ .hide { display: none !important; } .throw-out { position: absolute; left: -9999px; top: -9999px; } .ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80); } .dialog-reset.ui-dialog { overflow: visible; padding: 0; width: auto; } .dialog-reset.ui-dialog .ui-dialog-content { overflow: visible; padding: 0; color: #000; border: none; position: static; height: auto !important; } .ui-widget-overlay { background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 999; } .dialog-outer { width: 100% !important; height: 100% !important; overflow-y: scroll !important; overflow-x: hidden !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9999 !important; padding: 0 !important; background: none !important; position: relative; border: none !important; } .dialog-outer.dialog-reset.ui-dialog .ui-dialog-content {height: 100% !important;} .dialog-table { display: table !important; width: 100% !important; height: 100% !important; } .dialog-table-cell { display: table-cell !important; vertical-align: middle !important; width: 100% !important; height: 100% !important; } .dialog-table-cell .dialog { position: relative !important; margin: 20px auto; } .dialog, .dialog-reset.dialog { font:14px/18px Tahoma, Arial, Verdana, sans-serif; background:#fff; padding: 20px; width:480px; z-index: 1000; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; } .dialog:focus, .dialog-reset.dialog:focus { outline: none; } .dialog.w600 {width: 600px;} .dialog a {color:#00659B;} .dialog .button {color:#000;} .dialog a:hover {text-decoration:none;} .close-dialog { position:absolute; right:-24px; top:-24px; background: url(/s/i/new/icons/close-dialog.png) no-repeat; width:49px; height:49px; cursor:pointer; text-indent:-9999px; outline:none; z-index:1000; } .close-dialog:hover {background-position:0 -49px;} .close-dialog:active {background-position:0 -100px;} .dialog h2, .dialog-title { font-size:15px; margin:0 0 20px; overflow: hidden; } .dialog p {margin:0 0 20px;} .dialog .error { color: #f00; padding: 0; margin: 0 0 10px; font-size: 11px; display: block; clear: both; text-align: left; } /* Support question form */ .support-question label { display:block; margin-bottom:5px; } .support-question textarea, .support-question textarea.error { display:block; padding:5px; border:1px solid #bebebe; height:110px; resize:none; margin-bottom:10px; width:468px; font-size: 14px; color: #000; } .support-question input[type=submit] { min-width: 200px; margin-right: 20px; padding: 0 20px; } /* Site add file block */ .add-file-holder { padding:10px; margin-bottom:10px; position: relative; background-color:#f7f7f7; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } .add-file-holder:after { content: ''; display: block; clear: both; } .add-file-holder .throbber { position: absolute; left: -27px; top: -2px; } .add-file-holder .row {margin-bottom: 5px;} .add-file-holder .error {margin-bottom: 0;} .remove-feedback, .remove-file { position: absolute; right: 5px; top: 5px; background: url(/s/i/new/icons/close-small.png) no-repeat; width: 7px; height: 7px; padding: 2px; cursor: pointer; display: none; } .file-edded .remove-feedback {display: block;} .add-file-holder .jquery_form_error_message {margin-bottom: 0;} .file-input { width:120px; position:relative; overflow: hidden; float: left; } .file-input input { position:absolute; right:-100px; top:-100px; font-size:200px !important; cursor:pointer; z-index:5000; opacity:0; filter:alpha(opacity=0); } .add-file-text { color:#8c8c8c; font-size:12px; line-height:13px; } .add-flie-name { width: 280px; float: right; line-height: 20px; height: 20px; overflow: hidden; font-size: 11px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .add-flie-name.error { margin: 0; border-color: #f00; } /* Table dialog */ .table-dialog { width:100%; table-layout:auto; border-collapse:collapse; border-spacing:0; font-size:12px; } .table-dialog tr:first-child td {border:none;} .table-dialog td { height:40px; vertical-align:middle; border-top:1px solid #f2f2f2; text-align:right; padding:0 10px; } .table-dialog td:first-child {text-align:left;} /* Dialog form */ .form-dialog {font:14px Tahoma, Arial, Helvetica, sans-serif;} .form-dialog .row {margin-bottom:20px;} .form-dialog label { width:60px; padding-right:10px; line-height:30px; float:left; } .form-dialog input[type=text] { padding:0 5px; margin:0; height:28px; line-height:28px; border:1px solid #bebebe; width:518px; float:left; } .form-dialog input[type=checkbox] { float: left; margin: 0; padding: 0; clear: none; } .form-dialog input[type=radio] { float:left; margin:0; padding: 0; } .dialog .reg-dialog { position: absolute; right: 20px; top: 15px; font-size:14px; font-weight:normal; line-height:29px; height:29px; min-width:140px; padding:0 10px; } .back-password { float:left; clear:both; width:100%; margin:7px 0 0 70px; } .form-dialog .row .row { margin:0; clear:both; width:100%; } .form-dialog .row .row label {width:auto;} .form-dialog .row .row input[type=checkbox] {margin:6px 8px 0 70px;} .form-dialog .row.center {margin-bottom:0;} /* Watermark dialog */ .info-link.watermark-info {float: right;} .watermark-preview { position: relative; margin-bottom: 20px; min-height: 300px; background-color: #eee; } .watermark-preview img { display: block; max-width: 100%; } .watermark-text-holder { width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0; top: 0; font-size: 30px; font-weight: bold; color: #000; opacity: 0.5; filter: alpha(opacity=50); } .watermark-text-inner { display: table; width: 100%; height: 100%; } .watermark-text { display: table-cell; width: 100%; height: 100%; } .watermark-text img {display: block;} .watermark-text span { display: block; margin: 8px; word-break: break-all; } .watermark-text.top-left { text-align: left; vertical-align: top; } .watermark-text.top-left img { margin: 0; } .watermark-text.top-right { text-align: right; vertical-align: top; } .watermark-text.top-right img { margin: 0 0 0 auto; } .watermark-text.bottom-right { text-align: right; vertical-align: bottom; } .watermark-text.bottom-right img { margin: 0 0 0 auto; } .watermark-text.bottom-left { text-align: left; vertical-align: bottom; } .watermark-text.bottom-left img { margin: 0; } .watermark-text.center { text-align: center; vertical-align: middle; } .watermark-text.center img { margin: 0 auto; } .wattermark-form .row { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; } .wattermark-form label { width: 180px; float: left; color: #000; font-size: 14px; line-height: 20px; } .wattermark-form input[type=text] { width: 270px; display: block; float: none; color: #666; } .wattermark-form input::-webkit-input-placeholder {color:#bebebe;} .wattermark-form input:-moz-placeholder {color:#bebebe;} .wattermark-form input:-ms-input-placeholder {color:#bebebe;} .wattermark-form input.error { border-color: #ad2d2d; } .row.watermark-radio { padding-bottom: 10px; border: none; } .watermark-radio input[type=radio] { margin: 0 5px 0 0; } .watermark-radio label { line-height: 14px; padding-right: 20px; font-size: 12px; } .wattermark-form .left label { width: auto; padding-right: 20px; } .wattermark-form .row input[type=checkbox] { margin: 4px 10px 0 0; } .img-input-holder {padding: 5px 0;} .add-file-holder.add-file-wtermark { padding: 0; background: none; margin: 0; } .add-file-wtermark .file-input { width: 70px; margin-right: 10px; } .add-file-wtermark .file-input input { top: 0; font-size: 12px !important; right: 0; width: 80px; } .add-file-wtermark .add-flie-name { width: 155px; color: #a6a6a6; float: none; } .add-file-wtermark .remove-file {display: block;} .add-file-wtermark .error { color: #ad2d2d; clear: none; } .row.submit-row { padding-bottom: 0; margin: 0; border: none; } .wattermark-form input[type=submit] { float: left; margin-right: 20px; } .submit-error { color: #ad2d2d; overflow: hidden; font-size: 12px; line-height: 18px; padding-top: 5px; } .submit-error .error {margin-bottom: 0;} .dialog.designs-dialog { width: 602px; } .subscribe-ear { position: fixed; bottom: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; z-index: 501; -webkit-transition-property: all; -webkit-transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -moz-transition-property: all; -moz-transition-duration: .5s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -ms-transition-property: all; -ms-transition-duration: .5s; -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .subscribe-ear.opened { height: 52px; } .subscribe-ear .inner { background: #2d2d2d; border-top: 2px solid #fff; padding: 10px 0; } .subscribe-ear form { width: 960px; padding: 0 0 0 75px; margin: 0 auto; color: #fff; font-size: 16px; box-sizing: border-box; position: relative; height: 30px; line-height: 30px; background: url(/s/i/new/icons/i-mail.png) 20px 0px no-repeat; white-space: nowrap; } .subscribe-ear form.success-msg input { display: none; } .subscribe-ear label { display: inline-block; width: 528px; min-width: 528px; } .subscribe-ear label.error-msg { color: #ff0000; } .subscribe-ear input[type="email"] { width: 170px; height: 30px; box-sizing: border-box; font-size: 14px; padding: 0 8px; border: none; position: relative; top: 0px; vertical-align: top; margin-left: 0px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .subscribe-ear input[type="submit"] { width: 130px; padding: 0px; height: 30px; font-size: 14px; font-weight: bold; text-align: center; background: #ffc412; position: relative; top: 0px; margin-right: 8px; box-sizing: border-box; cursor: pointer; outline: none; border: none; line-height: 30px; vertical-align: top; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .subscribe-ear .close { display: block; position: absolute; top: 5px; right: 11px; font-weight: bold; font-size: 26px; color: #a6a6a6; padding: 0px; height: 20px; cursor: pointer; font-family: Arial, Verdana, Tahoma, sans-serif; width: 20px; text-align: center; line-height: 20px; } .subscribe-ear .throbber { position: absolute; top: 9px; right: 160px; width: 12px; } div.cookies_info { display: none; position: fixed; bottom:0; width: 100%; vertical-align: middle; min-height: 40px; z-index: 999999999; -webkit-transform: translateZ(0); font-size: 14px; border-top: 1px solid #666; background-color: #18a3cc; color: #fff; padding:0; margin:0; } div.cookies_info > div { margin: 15px 100px 15px 20px; padding:0; } div.cookies_info p { margin: 0 20px 0 20px; padding: 0; } div.cookies_info a { color: #fff; } div.cookies_info button { position: absolute; right: 20px; top: 10px; border: 2px solid #FFF; background-color: #00B8E4; color: #fff; cursor: pointer; display: inline-block; padding: 3px 12px; font-size: 14px; font-weight: normal; text-align: center; vertical-align: middle; border-radius: 4px; }