.icon { background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/icons.png"); display: inline-block; background-repeat: no-repeat; width: 17px; height: 16px } .icon.home { background-position: -46px -530px } .icon.enter { background-position: -46px -458px } .icon.exit { background-position: -46px -484px } .icon.help { height: 18px; background-position: -46px -505px } .icon.help-grey { height: 18px; background-position: -124px -113px } .icon.loupe-white { width: 21px; height: 21px; background-position: -64px -861px } .icon.loupe-grey { width: 21px; height: 21px; background-position: -10px -861px } .icon.phone-grey { width: 15px; height: 21px; background-position: -41px -861px } .icon.phone-white { width: 15px; height: 21px; background-position: -96px -861px } .icon.man-grey { background-position: -10px -320px } .icon.man-white { background-position: -46px -320px } .icon.folder-grey { background-position: -10px -230px } .icon.folder-white { background-position: -46px -230px } .icon.sheet-grey { background-position: -10px -205px } .icon.sheet-white { background-position: -46px -205px } .icon.bubble-grey { background-position: -10px -160px } .icon.bubble-white { background-position: -46px -160px } .icon.man-plus-grey { background-position: -10px -112px } .icon.man-plus-white { background-position: -46px -112px } .icon.favourite-grey { background-position: -10px -89px } .icon.favourite-white { background-position: -46px -89px } .icon.list-grey { background-position: -10px -436px } .icon.list-white { background-position: -46px -436px } .icon.thumbs-grey { background-position: -10px -413px } .icon.thumbs-white { background-position: -46px -413px } .icon.trash-grey { background-position: -10px -136px } .icon.trash-white { background-position: -46px -136px } .icon.pencil-grey { width: 13px; height: 16px; background-position: -13px -625px } .icon.pencil-white { width: 13px; height: 16px; background-position: -43px -625px } .icon.handle-grey { width: 16px; height: 18px; background-position: -9px -700px } .icon.handle-white { width: 16px; height: 18px; background-position: -37px -700px } .icon.red-flag { height: 17px; background-position: -124px -91px } .icon.red-star { height: 17px; background-position: -124px -66px } .icon.info-big { height: 32px; width: 31px; background-position: -137px -847px } .icon.house-grey { background-position: -185px -423px } .icon.house-blue { background-position: -214px -423px } .icon.picture-grey { background-position: -185px -450px } .icon.picture-blue { background-position: -214px -450px } .icon.bubbles-grey { background-position: -185px -477px } .icon.bubbles-blue { background-position: -214px -477px } .icon.megaphone-grey { background-position: -185px -504px } .icon.megaphone-blue { background-position: -214px -504px } .icon.money-grey { background-position: -185px -529px } .icon.money-blue { background-position: -214px -529px } .icon.umbrella-grey { background-position: -185px -556px } .icon.umbrella-blue { background-position: -214px -556px } .icon.puzzle-grey { background-position: -185px -583px } .icon.puzzle-blue { background-position: -214px -583px } .icon.key-grey { background-position: -185px -609px } .icon.key-blue { background-position: -214px -609px } .icon.phone-grey { background-position: -10px -251px } .icon.user-blue, .user-employer #user-menu .user-name .icon { background-position: -124px -320px } .icon.user-green, .user-contractor #user-menu .user-name .icon { background-position: -10px -320px } .icon.sp { width: 15px; height: 15px; background-position: -186px -678px } .icon.llc { width: 15px; height: 16px; background-position: -186px -657px } .icon.checked { width: 10px; height: 12px; background-position: -217px -658px } .icon.rejected { width: 10px; height: 12px; background-position: -217px -671px } .icon.persons { width: 14px; height: 9px; background-position: -215px -722px } .icon.red-dot { width: 23px; height: 22px; background-position: -209px -17px } .icon.gear { background-position: -10px -554px } .icon.file-jpg { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/jpeg24.png") left top no-repeat } .icon.file-pdf { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/pdf24.png") left top no-repeat } .icon.file-pptx { width: 24px; height: 24px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/pptx24.png") left top no-repeat } .icon.alert { height: 13px; background-position: -121px -652px } .icon.yes { background-position: -124px -580px } .icon.no { background-position: -121px -671px } .icon.yes-big { width: 30px; height: 27px; background-position: -100px -810px } .icon.star { width: 23px; height: 22px; background-position: -209px -17px } .pie-element, .drop-down .trigger, .drop-down .options, .button, .gradient-green, .gradient-blue, .gradient-red { behavior: url("../../../../../blog/wp-content/themes/prohqblog/stylesheets/PIE.htc"); position: relative } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } body { line-height: 1 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle } q, blockquote { quotes: none } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block } html { height: 100%; font-size: 62.5% } body { height: 100%; color: #6d6e71; background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/bg.jpg") } body, body textarea, body input, body button { font-family: "PT Sans", Arial, sans } .container { position: relative; *zoom: 1; margin: auto; width: 960px; } .container:after { content: ""; display: table; clear: both } header { height: 70px; background-color: #414042; font-family: "PT Sans Narrow", Arial, sans; color: #fff; position: relative; } header .logo { text-indent: -999px; overflow: hidden; width: 142px; height: 47px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/hqlogo-blog.png") left top no-repeat; display: block; position: absolute; top: 5px; left: 1px; } header .button { left: 239px; text-align: center; font: 16px/36px "PT Sans Narrow"; color: #5a5a5d; width: 142px; padding: 0; height: 36px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/button.png") left top no-repeat; display: block; position: absolute; top:8px; text-shadow: none; overflow: hidden; } header .button:hover { opacity: 0.8; } header .button:active { background: url("../../../../../blog/wp-content/themes/prohqblog/images/button.png") 0 100% no-repeat; } header nav { padding-left: 20.833%; display: inline; float: left; width: 47.917%; margin-right: 2.083%; margin-left: 1.042% } header nav .menu { height: 70px } header nav .menu>li { float: left; display: inline-block; padding: 30px 14px 0 13px; height: 40px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/menu-separator.png") right bottom no-repeat; cursor: pointer } header nav .menu>li.active { cursor: default } header nav .menu>li.active:after { display: block; content: ""; position: relative; width: 21px; height: 12px; top: 11px; left: 50%; margin-left: -11px; background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/menu-active-arrow.png") } header nav .menu>li.last { background: none; padding-right: 13px } header nav .menu>li>span, header nav .menu>li>a { display: inline-block; font-size: 18px; color: #fff } header nav .menu>li>span:hover, header nav .menu>li>a:hover { text-decoration: none } header nav .menu>li.messages .count-with-arrow { margin-left: 10px; position: relative; top: -2px; left: -2px } header nav .menu>li.messages:hover span.text { border-bottom: 1px dashed } header #user-menu { display: inline; float: left; width: 27.083%; margin-right: 2.083%; display: inline; float: right; margin-right: 1.042%; #margin-left: -2em; padding-top: 15px; text-align: right; position: relative } header #user-menu, header #user-menu * { font-size: 14px; color: #a7a9ac } header #user-menu .reg, header #user-menu .sign-in, header #user-menu .sign-out, header #user-menu .help { text-decoration: underline; color: #6d6e72; } header #user-menu .reg:hover, header #user-menu .sign-in:hover, header #user-menu .sign-out:hover, header #user-menu .help:hover { color: #a7a9ac; } header #user-menu .reg, header #user-menu .help { margin-right: 14px; background-position: -125px -110px; } header #user-menu .help { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; height: 19px; line-height: 19px; margin-top: 2px; } header #user-menu .help span { margin: -2px 3px 0 0; } header #user-menu .user-name { position: absolute; right: 142px; top: 16px; white-space: nowrap } header #user-menu .sign-in { font: 14px 'PT Sans Narrow'; color: #5a5a5d; width: 51px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } header #user-menu .sign-in .icon { background-position: -10px -459px; } header #user-menu .reg { font: 14px 'PT Sans Narrow'; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; color: #dd3b4a; } header #user-menu .reg:hover { color: #ff4c5b; } header #user-menu #logout-form, header #user-menu .sign-out { display: inline-block; height: 19px; line-height: 19px; margin-top: 2px; } header #user-menu #logout-form .sign-out { margin: 0; } header #user-menu .sign-out .icon { background-position: -10px -484px; } header #user-menu .sign-in .icon, header #user-menu .sign-out .icon, header #user-menu .help .icon, header #user-menu .user-name .icon { margin-right: 3px; margin-bottom: -3px; } header #user-menu .social-sign-in { display: block; margin-top: 14px } header #user-menu .social-sign-in .label { margin-right: 3px } header #user-menu .social-sign-in a { display: inline-block; margin-bottom: -3px; margin-left: 2px; width: 15px; height: 15px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/social_mini.png") left top no-repeat } header #user-menu .social-sign-in a.mail-ru { background-position: -15px 0 } header #user-menu .social-sign-in a.twitter { background-position: -30px 0 } header #user-menu .social-sign-in a.vk { background-position: -45px 0 } header #user-menu .social-sign-in a.google { background-position: -60px 0 } .progress-bar { overflow: hidden; zoom: 1 } .progress-bar .streak { position: relative; float: left; height: 10px; margin-right: 1px; width: 21px; background-color: #d2d3d3 } .progress-bar .streak.last { margin-right: 0 } .progress-bar .streak .bar { position: absolute; left: 0; top: 0; height: 100%; width: 0 } .progress-bar.small .streak { width: 9px } .user-employer header nav .menu>li, .user-contractor header nav .menu>li { height: 38px } .user-employer header { border-top: 2px solid; height: 68px; border-color: #27aae1 } .user-contractor header { height: 51px; background: url(../../../../../blog/wp-content/themes/prohqblog/images/top-bg.png) repeat-x; margin-bottom: 0; min-width: 960px; max-width: 100%; } .user-employer #user-menu .user-name, .user-employer #user-menu .user-name a { color: #27aae1 } .user-employer header nav .menu li.messages .text { color: #27aae1 } .user-employer header nav .menu li.messages .count-with-arrow .count { background-color: #27aae1 } .user-employer header nav .menu li.messages .count-with-arrow .arrow { border-color: transparent #27aae1 transparent transparent } .user-employer header nav .menu li.messages .count-with-arrow .arrow.expanded { border-color: #27aae1 transparent transparent transparent } .user-employer .progress-bar .bar { background-color: #4ec9f5 } .user-contractor #user-menu .user-name, .user-contractor #user-menu .user-name a { color: #6d6e72; } .user-contractor #user-menu .user-name { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .user-contractor #user-menu .user-name a { font: 14px 'PT Sans Narrow'; border-bottom: 1px dashed; text-decoration: none; height: 16px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .user-contractor #user-menu .user-name a:hover { border-bottom: 0; text-decoration: none; } .user-contractor header nav .menu li.messages .text { color: #8dc63f } .user-contractor header nav .menu li.messages .count-with-arrow .count { background-color: #8dc63f } .user-contractor header nav .menu li.messages .count-with-arrow .arrow { border-color: transparent #8dc63f transparent transparent } .user-contractor header nav .menu li.messages .count-with-arrow .arrow.expanded { border-color: #8dc63f transparent transparent transparent } .user-contractor .progress-bar .bar { background-color: #8dc63f } footer { background: url("../../../../../blog/wp-content/themes/prohqblog/images/hr940down.png") center top no-repeat; padding-top: 5px; margin-top: 63px; padding-bottom: 35px; min-width: 960px; max-width: 100%; } footer .buzz { display: inline; float: left; width: 64.583%; margin-right: 2.083%; margin-left: 1.042%; font-size: 14px } footer .buzz section { margin-top: 22px } footer .buzz h1 { color: #414042; margin-bottom: 20px } footer .buzz p { color: #808285; font-family: "PT Sans Narrow", Arial, sans; margin-top: 7px; line-height: 17px; padding-right: 10px } /*footer .buzz a*/ /*{*/ /*color: #58595b*/ /*}*/ footer .help { display: inline; float: left; width: 22.917%; margin-right: 2.083%; padding-top: 27px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/question-big.png") 11px 22px no-repeat } footer .help h1, footer .help ul { margin-left: 69px } footer .help ul { margin-top: 13px } footer .help ul li { font-family: "PT Sans Narrow", Arial, sans; font-size: 14px; line-height: 27px } footer .how-to { display: inline; float: left; width: 31.25%; margin-right: 2.083%; padding-top: 27px } footer .how-to h1, footer .how-to ul { margin-left: 31px } footer .how-to ul { margin-top: 13px } footer .how-to ul li { font-family: "PT Sans Narrow", Arial, sans; font-size: 14px; line-height: 22px } /*footer .how-to a*/ /*{*/ /*color: #58595b*/ /*}*/ footer .nav-and-contacts { display: inline; float: left; width: 31.25%; margin-right: 2.083%; display: inline; float: right; margin-right: 1.042%; #margin-left: -2em; font-size: 14px } footer .nav-and-contacts .service-nav { margin-top: 25px } footer .nav-and-contacts .service-nav li { font-family: "PT Sans Narrow", Arial, sans; font-size: 18px; line-height: 25px } footer .nav-and-contacts .service-nav li span { color: #58595b } footer .nav-and-contacts .service-nav li .active { text-decoration: underline } footer .nav-and-contacts .contacts { margin-top: 33px; padding-top: 15px; border-top: 1px solid #97999c; font-family: "PT Sans Narrow", Arial, sans; font-size: 18px } footer .nav-and-contacts .contacts .phone { color: #58595b } footer .nav-and-contacts .contacts .phone .icon { margin-right: 6px; position: relative; bottom: -1px } footer .nav-and-contacts .contacts .sep { color: #a7a9ac; margin: 0 5px } footer .nav-and-contacts .skolkovo { display: block; margin-top: 24px; height: 90px; padding-left: 89px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/logo-footer.png") left top no-repeat; font-family: "PT Sans Narrow", Arial, sans } footer .nav-and-contacts .skolkovo:hover { text-decoration: none; } footer .nav-and-contacts .copy { font-family: "PT Sans Narrow", Arial, sans; margin-top: 45px } footer a { color: #1f71b9; } #tmpls, #dialogs { display: none } .clr { clear: both; margin-left: 1.042%; margin-right: 1.042% } a { color: #1b84c3; text-decoration: none } a:hover { text-decoration: underline } a.action { color: #e03b4b; text-decoration: underline } a.service { color: #808285 } h1 { font-size: 24px; color: #414042; text-shadow: 2px 1px rgba(255, 255, 255, 0.9) } h2 { font-size: 18px } p { font-size: 14px } .jspScrollable { outline: none } .jspScrollable .jspVerticalBar { background-color: transparent } .jspScrollable .jspTrack { background-color: #f1f2f2; width: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-left: 6px } .jspScrollable .jspTrack .jspDrag { background-color: #c2d1d9; width: 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px } .jspScrollable:hover .jspDrag { background-color: #27aae1 } .drop-down { position: relative } .drop-down .trigger { display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefcfd), color-stop(100%, #ecf0f8)); background: -webkit-linear-gradient(#fefcfd, #ecf0f8); background: -moz-linear-gradient(#fefcfd, #ecf0f8); background: -o-linear-gradient(#fefcfd, #ecf0f8); background: -ms-linear-gradient(#fefcfd, #ecf0f8); -pie-background: linear-gradient(#fefcfd, #ecf0f8); background: linear-gradient(#fefcfd, #ecf0f8); border: none; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 1px 1px 1px, inset rgba(0, 0, 0, 0.4) -1px -1px 1px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 1px 1px 1px, inset rgba(0, 0, 0, 0.4) -1px -1px 1px; -o-box-shadow: inset rgba(0, 0, 0, 0.4) 1px 1px 1px, inset rgba(0, 0, 0, 0.4) -1px -1px 1px; box-shadow: inset rgba(0, 0, 0, 0.4) 1px 1px 1px, inset rgba(0, 0, 0, 0.4) -1px -1px 1px; color: #58595b; text-align: center } .drop-down .trigger:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefcfd), color-stop(100%, #ecf0f8)); background: -webkit-linear-gradient(#fefcfd, #ecf0f8); background: -moz-linear-gradient(#fefcfd, #ecf0f8); background: -o-linear-gradient(#fefcfd, #ecf0f8); background: -ms-linear-gradient(#fefcfd, #ecf0f8); -pie-background: linear-gradient(#fefcfd, #ecf0f8); background: linear-gradient(#fefcfd, #ecf0f8); -moz-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px, inset #000 1px 1px 1px, inset #000 -1px -1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px, inset #000 1px 1px 1px, inset #000 -1px -1px 1px; -o-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px, inset #000 1px 1px 1px, inset #000 -1px -1px 1px; box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 5px, inset #000 1px 1px 1px, inset #000 -1px -1px 1px } .drop-down .trigger:active, .drop-down .trigger.active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f0f1), color-stop(100%, #e0e4ec)); background: -webkit-linear-gradient(#f2f0f1, #e0e4ec); background: -moz-linear-gradient(#f2f0f1, #e0e4ec); background: -o-linear-gradient(#f2f0f1, #e0e4ec); background: -ms-linear-gradient(#f2f0f1, #e0e4ec); -pie-background: linear-gradient(#f2f0f1, #e0e4ec); background: linear-gradient(#f2f0f1, #e0e4ec); -moz-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; -o-box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px; box-shadow: rgba(0, 0, 0, 0.45) 1px 1px 5px, rgba(0, 0, 0, 0.45) -1px -1px 5px, inset rgba(0, 0, 0, 0.34) 2px 2px 3px } .drop-down .trigger:hover { text-decoration: none } .drop-down .trigger .arr { position: relative } .drop-down .trigger.plain { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none } .drop-down .trigger.plain .display-value { border-bottom: 1px dashed } .drop-down .options { display: none; position: absolute; z-index: 15; left: 1px; top: 0; padding: 3px 0 5px 0; background-color: #fff; border: 1px solid #c2d1d9; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15) } .drop-down .options .option { padding: 7px 9px 5px 17px; color: #58595b; font-size: 14px; cursor: pointer; text-align: left } .drop-down .options .option.selected { background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/check.png"); background-position: 4px 10px; background-repeat: no-repeat } .drop-down .options .option:hover { background-color: #dceff4 } .slider { overflow: hidden; zoom: 1 } .slider .slides-and-arrows { position: relative } .slider .slider-window { overflow: hidden; margin: 0 auto } .slider .slider-window .slides { overflow: hidden; zoom: 1; width: 1000000px } .slider .slider-window .slide { overflow: hidden; zoom: 1; float: left } .slider .arrow { position: absolute; display: block; width: 26px; height: 54px; top: 50%; margin-top: -27px; background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/slider-arrows.png") } .slider .arrow.left { left: 0; background-position: left top } .slider .arrow.left.disabled { background-position: left bottom } .slider .arrow.right { right: 0; background-position: right top } .slider .arrow.right.disabled { background-position: right bottom } .slider .slider-dots { text-align: center } .slider .slider-dots .dot { display: inline-block; width: 19px; height: 17px; background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/slider-dots.png"); margin-right: 5px; cursor: pointer } .slider .slider-dots .dot.active { background-position: -19px 0 } .ui-dialog { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 15px rgba(22, 43, 54, 0.8), -1px -1px 15px rgba(22, 43, 54, 0.8); -webkit-box-shadow: 1px 1px 15px rgba(22, 43, 54, 0.8), -1px -1px 15px rgba(22, 43, 54, 0.8); -o-box-shadow: 1px 1px 15px rgba(22, 43, 54, 0.8), -1px -1px 15px rgba(22, 43, 54, 0.8); box-shadow: 1px 1px 15px rgba(22, 43, 54, 0.8), -1px -1px 15px rgba(22, 43, 54, 0.8); border: 1px solid #c2d1d9 } .ui-dialog .ui-dialog-titlebar { text-align: right } .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { display: inline-block; width: 13px; height: 13px; margin-top: 12px; margin-right: 14px; background: url("../../../../../blog/wp-content/themes/prohqblog/images/x.png") center center no-repeat } .ui-dialog .ui-dialog-content .dialog-title { padding-left: 21px; padding-top: 2px; font-size: 24px; color: #414042; margin-bottom: 18px } .ui-dialog .ui-dialog-content .dialog-body { padding-left: 21px; padding-right: 20px } .ui-dialog .ui-dialog-content .dialog-buttons { padding: 9px 23px; text-align: right; background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/bg.jpg"); -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px } .ui-dialog .ui-dialog-content .dialog-buttons .or, .ui-dialog .ui-dialog-content .dialog-buttons .close { font-family: "PT Sans Narrow", Arial, sans; font-size: 14px } .ui-dialog .ui-dialog-content .dialog-buttons .or { margin: 0 10px } .ui-widget-overlay { position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5) } .loading { background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat } .text-logo { font-style: italic; font-weight: bold } .text-logo .pro { color: #414042 } .text-logo .hq { color: #8dc63f } .with-digits { line-height: 25px } .digits { height: 30px; line-height: 30px } .digits, .digits * { display: inline-block } .digits .d0, .digits .d1, .digits .d2, .digits .d3, .digits .d4, .digits .d5, .digits .d6, .digits .d7, .digits .d8, .digits .d9, .digits .d10 { background-image: url("../../../../../blog/wp-content/themes/prohqblog/images/digits.png"); width: 20px; height: 30px; text-indent: -100px; overflow: hidden; margin-right: 2px } .digits .d0 { background-position: 0 -300px } .digits .d1 { background-position: 0 -270px } .digits .d2 { background-position: 0 -240px } .digits .d3 { background-position: 0 -210px } .digits .d4 { background-position: 0 -180px } .digits .d5 { background-position: 0 -150px } .digits .d6 { background-position: 0 -120px } .digits .d7 { background-position: 0 -90px } .digits .d8 { background-position: 0 -60px } .digits .d9 { background-position: 0 -30px } .digits .dot { font-size: 16px; height: 30px; line-height: 30px; vertical-align: baseline; font-weight: bold; text-align: center; color: #7c7f83; position: relative; bottom: -13px; margin-right: 2px } .rouble { font-family: "PT Sans", Arial, sans } strong, b { font-weight: bold } em, i { font-style: italic } .button { display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 11px 0; width: 190px; text-align: center; color: #f1f2f2; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); line-height: 18px } .button:hover { text-decoration: none } .button strong { font-size: 18px; display: block; position: relative; top: -3px } .button em { font-size: 14px; display: block } .button.big { padding: 12px 0; width: 260px } .button.big strong { font-size: 23px } .button.big em { font-size: 18px } .button.single-row { padding: 7px 0; width: 140px; font-family: "PT Sans Narrow", Arial, sans } .button.single-row strong { font-size: 14px; top: -1px } .button.tool-button { font-weight: bold; font-size: 12px; color: #58595b; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefcfd), color-stop(100%, #ecf0f8)); background: -webkit-linear-gradient(#fefcfd, #ecf0f8); background: -moz-linear-gradient(#fefcfd, #ecf0f8); background: -o-linear-gradient(#fefcfd, #ecf0f8); background: -ms-linear-gradient(#fefcfd, #ecf0f8); -pie-background: linear-gradient(#fefcfd, #ecf0f8); background: linear-gradient(#fefcfd, #ecf0f8); border: none; text-shadow: none; border: 1px solid #a7a9ac; width: 98px; padding: 8px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px } .button.tool-button:hover { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefcfd), color-stop(100%, #ecf0f8)); background: -webkit-linear-gradient(#fefcfd, #ecf0f8); background: -moz-linear-gradient(#fefcfd, #ecf0f8); background: -o-linear-gradient(#fefcfd, #ecf0f8); background: -ms-linear-gradient(#fefcfd, #ecf0f8); -pie-background: linear-gradient(#fefcfd, #ecf0f8); background: linear-gradient(#fefcfd, #ecf0f8) } .button.tool-button:active, .button.tool-button.active { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f0f1), color-stop(100%, #e0e4ec)); background: -webkit-linear-gradient(#f2f0f1, #e0e4ec); background: -moz-linear-gradient(#f2f0f1, #e0e4ec); background: -o-linear-gradient(#f2f0f1, #e0e4ec); background: -ms-linear-gradient(#f2f0f1, #e0e4ec); -pie-background: linear-gradient(#f2f0f1, #e0e4ec); background: linear-gradient(#f2f0f1, #e0e4ec) } .gradient-green { border: 1px solid #79b32a; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5f991), color-stop(5%, #8dc63f), color-stop(100%, #79b32a)); background: -webkit-linear-gradient(#d5f991, #8dc63f 5%, #79b32a); background: -moz-linear-gradient(#d5f991, #8dc63f 5%, #79b32a); background: -o-linear-gradient(#d5f991, #8dc63f 5%, #79b32a); background: -ms-linear-gradient(#d5f991, #8dc63f 5%, #79b32a); -pie-background: linear-gradient(#d5f991, #8dc63f 5%, #79b32a); background: linear-gradient(#d5f991, #8dc63f 5%, #79b32a) } .gradient-blue { border: 1px solid #0083b8; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ac0f9), color-stop(5%, #27aae1), color-stop(100%, #0085ef)); background: -webkit-linear-gradient(#4ac0f9, #27aae1 5%, #0085ef); background: -moz-linear-gradient(#4ac0f9, #27aae1 5%, #0085ef); background: -o-linear-gradient(#4ac0f9, #27aae1 5%, #0085ef); background: -ms-linear-gradient(#4ac0f9, #27aae1 5%, #0085ef); -pie-background: linear-gradient(#4ac0f9, #27aae1 5%, #0085ef); background: linear-gradient(#4ac0f9, #27aae1 5%, #0085ef) } .gradient-red { border: 1px solid #bc353a; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff686f), color-stop(5%, #e03b4b), color-stop(100%, #df0243)); background: -webkit-linear-gradient(#ff686f, #e03b4b 5%, #df0243); background: -moz-linear-gradient(#ff686f, #e03b4b 5%, #df0243); background: -o-linear-gradient(#ff686f, #e03b4b 5%, #df0243); background: -ms-linear-gradient(#ff686f, #e03b4b 5%, #df0243); -pie-background: linear-gradient(#ff686f, #e03b4b 5%, #df0243); background: linear-gradient(#ff686f, #e03b4b 5%, #df0243) } .plupload.html5 { z-index: 9999 !important } select, input[type="text"], input[type="password"], textarea { height: 16px; font-family: "PT Sans Narrow", Arial, sans; font-size: 14px; border: 1px solid #c2d1d9; outline: none } input[type="text"], input[type="password"], textarea { width: 251px } input[type="text"].wide, input[type="password"].wide, textarea.wide { width: 356px } input[type="text"].big, input[type="password"].big, textarea.big { height: 29px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; width: 356px } select { height: 22px; position: relative; top: 3px; width: 158px } label { display: inline-block } textarea { display: block; height: 103px } textarea.wide { width: 470px } .count-with-arrow { position: relative; z-index: 10; display: inline-block; font-size: 14px } .count-with-arrow .count { display: inline-block; height: 16px; padding: 3px 6px 1px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #fff; font-family: "PT Sans", Arial, sans; font-size: 14px; font-weight: bold; text-align: center } .count-with-arrow .arrow { border: 6px solid; position: absolute; left: -12px; top: 50%; margin-top: -6px; z-index: -1 } .table .tbody { background-color: #fff; border: 1px solid #c2d1d9; -moz-box-shadow: 1px 1px 7px rgba(22, 43, 54, 0.1), -1px -1px 7px rgba(22, 43, 54, 0.1); -webkit-box-shadow: 1px 1px 7px rgba(22, 43, 54, 0.1), -1px -1px 7px rgba(22, 43, 54, 0.1); -o-box-shadow: 1px 1px 7px rgba(22, 43, 54, 0.1), -1px -1px 7px rgba(22, 43, 54, 0.1); box-shadow: 1px 1px 7px rgba(22, 43, 54, 0.1), -1px -1px 7px rgba(22, 43, 54, 0.1); font-family: "PT Sans Narrow", Arial, sans; font-size: 14px; line-height: 16px; padding: 0 6px } .table .tr { overflow: hidden; zoom: 1 } .table .tr.alt { background-color: #f0f7f7 } .table .tr .td, .table .tr .th { float: left } .table .thead .td, .table .thead .th { font-weight: bold; font-size: 12px; color: #414042; padding-left: 10px; padding-bottom: 10px } .table.with-borders>.tbody>.tr { padding: 2px 0; position: relative } .table.with-borders>.tbody>.tr+.tr { border-top: 1px solid rgba(0, 0, 0, 0.27) } .table.with-borders>.tbody>.tr>.td+.td:before { position: absolute; display: block; content: ""; width: 0; top: 5px; bottom: 5px; left: auto; border-left: 1px solid rgba(0, 0, 0, 0.27) }