.tooltip111 .tooltiptext, .tooltip_text .tooltiptext, .tooltipdt .tooltiptextdt { border-radius: 6px; position: absolute; visibility: hidden } .blocks-list, .bullet-list, .version-history { list-style-type: none } html { -webkit-tap-highlight-color: transparent; tap-highlight-color: rgba(0,0,0,0) } #open-menu, #open-shortcuts, #shortcuts > li > a, #shortcuts > li > span { -webkit-tap-highlight-color: transparent } button, input, textarea { font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; color: #666 } @media only screen and (min-width:1200px) { #QuestBtnStatic { visibility: hidden } } .tooltip111, .tooltipdt { position: relative; display: inline-block; direction: ltr } .tooltip111 .tooltiptext { width: 160px; background-color: #000; color: #fff; text-align: center; padding: 5px 0; z-index: 1000; top: -220%; left: 195% } .tooltip111 .tooltiptext span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent } .tooltip111:hover .tooltiptext { visibility: visible; left: 100% } .tooltipdt .tooltiptextdt { background-color: #404040; text-align: center; width: 180px; z-index: 1000; top: 1%; right: 100%; border-color: #090a0a } .tooltipdt: .tooltiptextdt { visibility: visible } .tooltipPublishJob, .tooltip_text { position: relative; display: inline-block; } .tooltip_text .tooltiptext { width: 120px; top: -100px; left: -105px; background-color: #d9dbdf; color: #2d3e58; text-align: right; padding: 2px 0; z-index: 111 } .tooltip_text:hover .tooltiptext { visibility: visible } dl, ol, p, ul { margin-bottom: 16px } .list, ul.no-bullets, ul.unstyled-list { list-style-type: none; margin-right: 0 } .fieldset:last-child, dl:last-child, fieldset:last-child, ol.last-child, ol:last-child, p.last-child, p:last-child, ul.last-child, ul.unstyled-list, ul:last-child { margin-bottom: 0 } ol > li { margin-top: 10px } h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ol > li:first-child { margin-top: 0 } a { text-decoration: none } a:hover { color: #09f } .small, small { font-size: 11px; line-height: 13px; color: #999 } .HRjob-custom-menu, .job-custom-menu, .job-role-custom-menu { z-index: 1000; position: absolute; color: #333; white-space: nowrap } .small.input-info, small.input-info { font-size: 10px; font-weight: 700; text-transform: uppercase } .bold, .strong { font-weight: 700 } .calendar-menu > li small, .hidden-on-desktop, .hidden-on-tablet, .ie8 #access > li > a:hover:after, .info-spot:hover > .info-bubble, .mobile-panels > .panel-content > .back, .only-on-mobile, body.menu-open #menu, body.shortcuts-open #shortcuts, iframe, li.calendar-menu small { display: block } #menu-before, .hidden-on-mobile, .ie8 #access > li > a:after, .inner-tabs > .tabs-content > .tabs-back, .js label.button > input[type=checkbox], .js label.button > input[type=radio], .js noscript, .js.touch .info-spot:hover > .info-bubble, .notification > .block-arrow, .only-on-desktop, .only-on-tablet, .select2-results__group-collapsed ul.select2-results__options--nested, html.details details.details > summary:before, nav mobilenav { display: none } .custom-menu, .custom-menu-mail, .interviewcustom-menu, .opinioncustom-menu { display: none; z-index: 1000; position: absolute; overflow-y: scroll; border: 1px solid #ccc; white-space: nowrap; font-family: sans-serif; background: #fff; color: #333; border-radius: 5px; height: 500px } .HRjob-custom-menu li, .custom-menu li, .custom-menu-mail li, .interviewcustom-menu li, .job-custom-menu li, .job-role-custom-menu li, .opinioncustom-menu li { padding: 8px 12px; cursor: pointer } .HRjob-custom-menu li:hover, .custom-menu li:hover, .custom-menu-mail li:hover, .interviewcustom-menu li:hover, .job-custom-menu li:hover, .job-role-custom-menu li:hover, .opinioncustom-menu li:hover { background-color: #def } .InterviewPaternTitle, .OpinionPaternTitle, .PaternTitle { background-color: #d3d3d3; font-weight: 700 } .job-role-custom-menu { display: none; overflow: hidden; border: 1px solid #ccc; font-family: sans-serif; background: #fff; border-radius: 5px; height: 500px; overflow-y: scroll } .JobHasamaPaternTitle, .JobPaternTitle, .JobRolePaternTitle { background-color: #d3d3d3; font-family: Arial; font-weight: 700 } .HRjob-custom-menu, .job-custom-menu { display: none; overflow: hidden; border: 1px solid #ccc; font-family: sans-serif; background: #fff; border-radius: 5px } h1, h2 { padding: 0; -webkit-text-shadow: 0 1px 5px rgba(0,0,0,0.25); -moz-text-shadow: 0 1px 5px rgba(0,0,0,0.25); text-shadow: 0 1px 5px rgba(0,0,0,.25) } h1 { font-size: 30px; line-height: 36px; margin-bottom: 26px } h2 { font-size: 24px; line-height: 28px; margin: 32px 0 22px } h3 { font-size: 21px; line-height: 25px; margin: 30px 0 20px } #title-bar h2, .standard-tabs.large-font > ul.tabs > li, h4 { font-size: 16px } h4 { line-height: 19px; margin: 25px 0 15px } h5 { margin: 20px 0 10px } h6 { font-size: 11px; text-transform: uppercase } .thin, .thin h1, .thin h2, .thin h3, .thin h4, .thin h5, .thin h6 { font-weight: 300; font-family: 'Open Sans',sans-serif } .underline { padding-bottom: .15em; border-bottom: 1px solid } .big-text { font-size: 18px; line-height: 24px } .intro { font-style: italic; color: #afafaf } .right-border { border-right: 2px solid; padding-right: 10px } .left-border { border-left: 2px solid; padding-left: 10px; text-align: left } .radiosDiv, .wrapped { display: block; border-width: 1px; border-style: solid } .wrapped { padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .homeWrapped { display: block; border-width: 1px; padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .boxed { display: block; padding: 16px } .radiosDiv { -webkit-border-radius: 10x; -moz-border-radius: 10x; border-radius: 10px } .align-right { text-align: right } .align-center, .square-26 > li, .square-46 > li { text-align: center } .align-left, body.reversed #menu header { text-align: left } .Float, .eventDropDowns, .float-right { float: right } .float-left { float: left } .clear-right, .new-row, .new-row-mobile, .new-row-mobile-portrait { clear: right } .clear-left { clear: left } #main-title:after, #profile:after, .blocks-list:after, .clear, .clear-both, .clear2, .clearfix:after, .columns:after, .definition.inline:after, .inline-label:after, .inline-large-label:after, .inline-medium-label:after, .inline-small-label:after, .left-column-200px:after, .left-column-290px:after, .notification:after, .right-column-200px:after, .right-column-290px:after { clear: both } .with-padding { padding: 20px !important } .with-mid-padding { padding: 10px !important } .with-small-padding { padding: 5px !important } .no-padding { padding: 0 !important } .padding-large { padding: 16px !important } .padding-sides { padding: 0 16px !important } .large-margin-top { margin-top: 30px !important } .margin-top { margin-top: 16px !important } .mid-margin-top { margin-top: 8px !important } .small-margin-top { margin-top: 4px !important } .no-margin-top { margin-top: 0 !important } .large-margin-bottom { margin-bottom: 30px !important } .margin-bottom { margin-bottom: 16px !important } .mid-margin-bottom { margin-bottom: 8px !important } .small-margin-bottom { margin-bottom: 4px !important } .no-margin-bottom { margin-bottom: 0 !important } #title-bar, .glow, .relative, .tabs > li > a, .with-left-arrow, .with-right-arrow { position: relative } .absolute-left, .absolute-right { position: absolute; top: 50%; margin-top: -8px } .absolute-right, .tab-opened > .tabs-content { right: 0 } .absolute-left, .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 0 } .no-pointer-events { pointer-events: none } .no-touch .show-on-parent-hover { pointer-events: none; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s } .no-touch :hover > .show-on-parent-hover { pointer-events: auto; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1 } #mediaquery-checker { width: 10px; height: 10px; position: absolute; top: 0; right: 0 } .vert-align { display: inline; width: 0; margin-left: -4px } .lite-box-shadow { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.25); box-shadow: 0 1px 1px rgba(0,0,0,.25) } .box-shadow { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5); box-shadow: 0 1px 2px rgba(0,0,0,.5) } .strong-box-shadow { -webkit-box-shadow: 0 1px 3px #000; -moz-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000 } .large-box-shadow { -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.45); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.45); box-shadow: 0 3px 8px rgba(0,0,0,.45) } .lite-text-shadow { -webkit-text-shadow: -0 1px 1px rgba(0,0,0,0.25); -moz-text-shadow: -0 1px 1px rgba(0,0,0,0.25); text-shadow: 0 1px 1px rgba(0,0,0,.25) } .text-shadow { -webkit-text-shadow: -0 1px 2px rgba(0,0,0,0.5); -moz-text-shadow: -0 1px 2px rgba(0,0,0,0.5); text-shadow: 0 1px 2px rgba(0,0,0,.5) } .strong-text-shadow { -webkit-text-shadow: -0 1px 2px black; -moz-text-shadow: -0 1px 2px black; text-shadow: 0 1px 2px #000 } .large-text-shadow { -webkit-text-shadow: -0 3px 8px rgba(0,0,0,0.45); -moz-text-shadow: -0 3px 8px rgba(0,0,0,0.45); text-shadow: 0 3px 8px rgba(0,0,0,.45) } .top-bevel { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.4) } .top-bevel-on-light { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.75) } .top-bevel-on-dark { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.25) } .bottom-bevel { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } .bottom-bevel-on-light { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15) } .bottom-bevel-on-dark { -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5); box-shadow: inset 0 -1px 0 rgba(0,0,0,.5) } .bevel, .bevel-subs > li, .big-menu > li, .calendar-menu > li, .title-menu > li, li.big-menu, li.calendar-menu, li.title-menu { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.25) } .no-boxshadow .big-menu > li { border-bottom: 1px solid #666 } .bevel-on-light, .bevel-on-light-subs > li, .message-menu > li, li.message-menu { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.15) } #menu header, #profile, .bevel-on-dark, .bevel-on-dark-subs > li, .emboss, .emboss-subs > li { -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.25); box-shadow: inset 0 1px 4px rgba(0,0,0,.25) } .emboss-on-dark, .emboss-on-dark-subs > li { -webkit-box-shadow: inset 0 1px 4px #000; -moz-box-shadow: inset 0 1px 4px #000; box-shadow: inset 0 1px 4px #000 } .big-menu, .bleft-text-bevel, .title-menu { -webkit-text-shadow: -0 -1px 0 rgba(0,0,0,0.25); -moz-text-shadow: -0 -1px 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,.25) } #menu header, #profile, .bleft-text-bevel-on-dark { -webkit-text-shadow: -0 -1px 0 rgba(0,0,0,0.5); -moz-text-shadow: -0 -1px 0 rgba(0,0,0,0.5); text-shadow: 0 -1px 0 rgba(0,0,0,.5) } #open-menu > span, #open-shortcuts, #title-bar h2 { -webkit-text-shadow: -0 -1px 0 black; -moz-text-shadow: -0 -1px 0 black; text-shadow: 0 -1px 0 #000 } .active > .button-icon.white-gradient, .button, .button.silver-active.active, .button.silver-active:active, .button.white-active.active, .button.white-active:active, .calendar-menu > li, .dark-text-bevel, .legend, .message-menu > li, .select-value, .select2-selection__rendered, :active > .button-icon.white-gradient, li.calendar-menu, li.message-menu { -webkit-text-shadow: -0 1px 0 rgba(255,255,255,0.75); -moz-text-shadow: -0 1px 0 rgba(255,255,255,0.75); text-shadow: 0 1px 0 rgba(255,255,255,.75) } .dark-text-bevel-on-dark { -webkit-text-shadow: -0 1px 0 rgba(255,255,255,0.25); -moz-text-shadow: -0 1px 0 rgba(255,255,255,0.25); text-shadow: 0 1px 0 rgba(255,255,255,.25) } .close.simpler, .count.simpler, .list-count { -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none } .with-border { border-width: 1px; border-style: solid } #title-bar:before, .glow:before { display: block; content: ' '; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: url(/Content/img/effects/glow.png) center center/100% 100% no-repeat; pointer-events: none; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100% } .big-stripes, .dark-big-stripes, .dark-stripes, .dark-thin-stripes, .stripes, .thin-stripes { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit } .dark-thin-stripes, .thin-stripes { -webkit-background-size: 10px 10px; -moz-background-size: 10px 10px; background-size: 10px 10px } .dark-stripes, .stripes { -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-size: 20px 20px } .big-stripes, .dark-big-stripes { -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; background-size: 40px 40px } .big-stripes, .stripes, .thin-stripes { background-image: -webkit-gradient(linear,right top,left bottom,color-stop(.25,rgba(255,255,255,.1)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.1)),color-stop(.75,rgba(255,255,255,.05)),color-stop(.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent); background-image: -moz-linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent); background-image: -ms-linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent); background-image: linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent) } .dark-big-stripes, .dark-stripes, .dark-thin-stripes { background-image: -webkit-gradient(linear,right top,left bottom,color-stop(.25,rgba(0,0,0,.05)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(0,0,0,.05)),color-stop(.75,rgba(0,0,0,.05)),color-stop(.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent); background-image: -moz-linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent); background-image: -ms-linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent); background-image: linear-gradient(135deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05) 75%,transparent 75%,transparent) } .dark-thin-stripes.animated, .thin-stripes.animated { -webkit-animation: 3s linear infinite animate-thin-stripes; -moz-animation: 3s linear infinite animate-thin-stripes; -ms-animation: animate-thin-stripes 3s linear infinite; -o-animation: 3s linear infinite animate-thin-stripes } .dark-stripes.animated, .stripes.animated { -webkit-animation: 4s linear infinite animate-stripes; -moz-animation: 4s linear infinite animate-stripes; -ms-animation: animate-stripes 4s linear infinite; -o-animation: 4s linear infinite animate-stripes } .big-stripes.animated, .dark-big-stripes.animated { -webkit-animation: 5s linear infinite animate-big-stripes; -moz-animation: 5s linear infinite animate-big-stripes; -ms-animation: animate-big-stripes 5s linear infinite; -o-animation: 5s linear infinite animate-big-stripes } @-webkit-keyframes animate-thin-stripes { from { background-position: 0 0 } to { background-position: -20px 0 } } @-moz-keyframes animate-thin-stripes { from { background-position: 0 0 } to { background-position: -20px 0 } } @-ms-keyframes animate-thin-stripes { from { background-position: 0 0 } to { background-position: -20px 0 } } @-o-keyframes animate-thin-stripes { from { background-position: 0 0 } to { background-position: -20px 0 } } @-webkit-keyframes animate-stripes { from { background-position: 0 0 } to { background-position: -40px 0 } } @-moz-keyframes animate-stripes { from { background-position: 0 0 } to { background-position: -40px 0 } } @-ms-keyframes animate-stripes { from { background-position: 0 0 } to { background-position: -40px 0 } } @-o-keyframes animate-stripes { from { background-position: 0 0 } to { background-position: -40px 0 } } @-webkit-keyframes animate-big-stripes { from { background-position: 0 0 } to { background-position: -80px 0 } } @-moz-keyframes animate-big-stripes { from { background-position: 0 0 } to { background-position: -80px 0 } } @-ms-keyframes animate-big-stripes { from { background-position: 0 0 } to { background-position: -80px 0 } } @-o-keyframes animate-big-stripes { from { background-position: 0 0 } to { background-position: -80px 0 } } .columns { margin-right: -2.25% } .columns:last-child { margin-bottom: -20px } .columns > div, .columns > form { float: right; margin: 0 2.25% 20px 0 } .column, .one-column, .one-column-mobile, .one-column-mobile-landscape, .one-column-mobile-portrait, .one-column-tablet { width: 6.0833% } .two-columns, .two-columns-mobile, .two-columns-mobile-landscape, .two-columns-mobile-portrait, .two-columns-tablet { width: 14.4167% } .three-columns, .three-columns-mobile, .three-columns-mobile-landscape, .three-columns-mobile-portrait, .three-columns-tablet { width: 22.75% } .four-columns, .four-columns-mobile, .four-columns-mobile-landscape, .four-columns-mobile-portrait, .four-columns-tablet { width: 31.0833% } .five-columns, .five-columns-mobile, .five-columns-mobile-landscape, .five-columns-mobile-portrait, .five-columns-tablet { width: 39.4167% } .six-columns, .six-columns-mobile, .six-columns-mobile-landscape, .six-columns-mobile-portrait, .six-columns-tablet { width: 47.75% } .seven-columns, .seven-columns-mobile, .seven-columns-mobile-landscape, .seven-columns-mobile-portrait, .seven-columns-tablet { width: 56.0833% } .eight-columns, .eight-columns-mobile, .eight-columns-mobile-landscape, .eight-columns-mobile-portrait, .eight-columns-tablet { width: 64.4167% } .nine-columns, .nine-columns-mobile, .nine-columns-mobile-landscape, .nine-columns-mobile-portrait, .nine-columns-tablet { width: 72.72% } .ten-columns, .ten-columns-mobile, .ten-columns-mobile-landscape, .ten-columns-mobile-portrait, .ten-columns-tablet { width: 81.0833% } .eleven-columns, .eleven-columns-mobile, .eleven-columns-mobile-landscape, .eleven-columns-mobile-portrait, .eleven-columns-tablet { width: 89.4167% } .twelve-columns, .twelve-columns-mobile, .twelve-columns-mobile-landscape, .twelve-columns-mobile-portrait, .twelve-columns-tablet { width: 97.75% } .left-column-200px .left-column, .left-column-290px .left-column, .right-column-200px .right-column, .right-column-290px .right-column { margin-bottom: 20px } .content-panel, .content-panel.mobile-panels { border: 1px solid #ccc; position: relative; overflow: hidden; padding-right: 0; zoom: 1 } .mobile-panels > .panel-navigation, .panel-navigation { position: relative; top: auto; right: auto; bottom: auto; width: auto; border-left: 0; overflow: auto } .panel-content { -webkit-box-shadow: inset 0 2px 9px rgba(0,0,0,.2); -moz-box-shadow: inset 0 2px 9px rgba(0,0,0,.2); box-shadow: inset 0 2px 9px rgba(0,0,0,.2); overflow: auto } .panel-content.carbon, .panel-content.linen { -webkit-box-shadow: inset 0 2px 9px rgba(0,0,0,.75); -moz-box-shadow: inset 0 2px 9px rgba(0,0,0,.75); box-shadow: inset 0 2px 9px rgba(0,0,0,.75) } .panel-control { display: block; padding: 5px; height: 30px; line-height: 30px; border-bottom-width: 1px; border-bottom-style: solid; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15) } .carbon > .panel-control, .linen > .panel-control { -webkit-box-shadow: 0 2px 9px rgba(0,0,0,.75); -moz-box-shadow: 0 2px 9px rgba(0,0,0,.75); box-shadow: 0 2px 9px rgba(0,0,0,.75) } .enabled-panels > .panel-navigation, .mobile-panels.enabled-panels > .panel-navigation { position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: right .2s,left .2s; -moz-transition: right .2s,left .2s; -ms-transition: right .2s,left .2s; -o-transition: right .2s,left .2s; transition: right .2s,left .2s } .enabled-panels.show-panel-content > .panel-navigation, .mobile-panels.enabled-panels.show-panel-content > .panel-navigation { right: -100%; left: 100% } .enabled-panels > .panel-content, .mobile-panels.enabled-panels > .panel-content { width: 100%; margin-right: 100%; -webkit-transition: margin-right .2s; -moz-transition: margin-right .2s; -ms-transition: margin-right .2s; -o-transition: margin-right .2s; transition: margin-right .2s } .bullet-list, .enabled-panels.show-panel-content > .panel-content, .ie7 .button-group:first-child, .ie7 .button:first-child, .mobile-panels.enabled-panels.show-panel-content > .panel-content { margin-right: 0 } .bullet-list-before, .bullet-list > li:before { width: 16px; margin: 1px -16px 0 0; font-weight: 400; font-size: 25px; color: #ccc; display: block; font-family: EntypoRegular; font-style: normal; float: right } .bullet-list > li { padding-top: 10px; padding-right: 16px } .bullet-list > li:first-child { padding-top: 0 } .bullet-list > li:before { content: 'k' } .definition > dt { font-weight: 700; color: #000; margin-bottom: 4px } .definition > dd { font-style: italic; margin-bottom: 10px; padding-right: 16px } .list-link, .list > li { padding: 4px 0; color: grey; min-height: 16px; line-height: 16px } .list.spaced > li, .list.spaced > li > .list-link { padding: 12px 0 } .list > li { border-top: 1px dotted #ccc; position: relative } .list > li:first-child, .tabs > li:first-child { border-top: 0 } .list-link { display: block; margin: -4px 0 } .list.spaced > li > .list-link { margin: -12px 0 } .list-link > strong, .list > li > strong, .no-touch .tabs > li > a:hover { color: #000 } .list > li.ui-state-highlight { background: url(/Content/img/textures/grid.png) } .list > li.ui-sortable-helper { background: #fff; -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: .75; -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 7px rgba(0,0,0,.25); box-shadow: 0 2px 7px rgba(0,0,0,.25); border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc } .block-title, .blocks-list > li, details.details > summary { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15) } .blocks-list > li, small.tag { border-width: 1px; border-style: solid } .blocks-list { margin-right: -5px } .blocks-list > li { float: right; margin: 0 5px 5px 0; padding: 3px 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .blocks-list > li > [class*=" icon-"], .blocks-list > li > [class^=icon-]:before { border: 1px solid transparent } .fixed-size-50 > li { width: 36px } .fixed-size-100, .square-46 { margin-right: -7px } .fixed-size-100 > li { width: 86px; margin: 0 7px 7px 0 } .fixed-size-150, .fixed-size-200, .fixed-size-250, .square-134, .square-66, .square-90 { margin-right: -10px } .fixed-size-150 > li { width: 136px; margin: 0 10px 10px 0 } .fixed-size-200 > li { width: 186px; margin: 0 10px 10px 0 } .fixed-size-250 > li { width: 236px; margin: 0 10px 10px 0 } .square-26 > li { padding: 4px; width: 16px; height: 16px; line-height: 16px } .square-46 > li { padding: 6px; width: 32px; height: 32px; line-height: 32px; margin: 0 7px 7px 0 } .square-134 > li, .square-66 > li, .square-90 > li { margin: 0 10px 10px 0; text-align: center } .square-66 > li { padding: 8px; width: 48px; height: 48px; line-height: 48px } .square-90 > li { padding: 12px; width: 64px; height: 64px; line-height: 64px } .square-134 > li { padding: 18px; width: 96px; height: 96px; line-height: 96px } .version-history { margin: 0 0 20px; padding: 0 } .version-history > li { margin: 0 0 7px; padding: 0 62px 0 0; zoom: 1 } .version-fixed, .version-new, .version-upgraded { float: right; font-size: 10px; margin-right: -62px; width: 55px; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .version-new { background: #7dc35b } .version-fixed { background: #e9a130 } .version-upgraded { background: #61b3de } .tag { padding: 0 4px 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .ie9 .tag { padding: 1px 4px } small.tag { font-size: 10px; line-height: 14px; text-transform: uppercase; padding: 0 2px; vertical-align: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .tabs > li > a:after, .with-left-arrow:after, .with-right-arrow:after { display: block; content: ''; width: 15px; height: 20px; position: absolute; top: 50%; margin: -11px 0 0; padding: 0; border: 0 } .with-arrow-after { background: url(/Content/img/standard/sprites.png); display: block; width: 15px !important; height: 20px !important; position: absolute !important; top: 50%; margin: -11px 0 0 !important; padding: 0 !important; border: 0 !important } .block-arrow, .list-count, .list-sort { position: absolute; display: block } .button.tiny.active, .button.tiny:active, .list-count, .tiny .button.active, .tiny .button:active { padding: 1px 6px } .count, .list-count { -webkit-border-radius: 9px; -moz-border-radius: 9px } .with-right-arrow:after, .with-right-arrow > .with-arrow-after { right: 7px; background: url(/Content/img/standard/sprites.png) -224px 0 no-repeat } .tabs > li > a:after, .tabs > li > a > .with-arrow-after, .with-left-arrow:after, .with-left-arrow > .with-arrow-after { left: 7px; background: url(/Content/img/standard/sprites.png) -209px 0 no-repeat } .with-right-arrow.grey-arrow:after, .with-right-arrow.grey-arrow > .with-arrow-after { background-position: -224px -20px } .with-right-arrow.black-arrow:after, .with-right-arrow.black-arrow > .with-arrow-after { background-position: -224px -40px } .tabs > li > a:after, .tabs > li > a > .with-arrow-after, .with-left-arrow.grey-arrow:after, .with-left-arrow.grey-arrow > .with-arrow-after { background-position: -209px -20px } .with-left-arrow.black-arrow:after, .with-left-arrow.black-arrow > .with-arrow-after { background-position: -209px -40px } .arrow-up:after { background-position: -239px 0; width: 20px; height: 15px; margin: -8px -2px 0 } .arrow-up.grey-arrow:after, .arrow-up.grey-arrow > .with-arrow-after { background-position: -239px -15px } .arrow-up.black-arrow:after, .arrow-up.black-arrow > .with-arrow-after { background-position: -239px -30px } .arrow-up > .with-arrow-after { background-position: -239px 0; width: 20px !important; height: 15px !important; margin: -8px -2px 0 !important } .arrow-down:after { background-position: -259px 0; width: 20px; height: 15px; margin: -8px -2px 0 } .arrow-down.grey-arrow:after, .arrow-down.grey-arrow > .with-arrow-after { background-position: -259px -15px } .arrow-down.black-arrow:after, .arrow-down.black-arrow > .with-arrow-after { background-position: -259px -30px } .arrow-down > .with-arrow-after { background-position: -259px 0; width: 20px !important; height: 15px !important; margin: -8px -2px 0 !important } .list-count { top: 50%; left: 0; font-size: 13px; line-height: 16px; height: 16px; margin: -9px 0; min-width: 11px; text-align: center; background: rgba(128,128,128,.2); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5); box-shadow: inset 0 1px 0 rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5); border-radius: 9px } .tabs > li > .list-count, .tabs > li > a > .list-count, .tabs > li > span > .list-count, .with-left-arrow > .list-count, .with-left-arrow > a > .list-count, .with-left-arrow > span > .list-count { left: 30px } .no-boxshadow .list-count { padding: 0 6px; border: 1px solid #fff } .list-sort { left: 0; top: 50%; margin-top: -4px; width: 11px; height: 8px; background: url(/Content/img/standard/sprites.png) -154px 0 no-repeat; cursor: move } .block-arrow { width: 0; height: 0; padding: 0; top: 100%; right: 50%; margin: 1px -6px 0 0; border: 6px solid transparent; border-top-color: inherit } .close, .count { position: absolute; padding: 0 2px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 16px; height: 16px; min-width: 12px; text-align: center; border-width: 1px; border-style: solid; -webkit-text-shadow: -0 1px 2px rgba(0,0,0,0.5); -moz-text-shadow: -0 1px 2px rgba(0,0,0,0.5); text-shadow: 0 1px 2px rgba(0,0,0,.5); z-index: 88; -webkit-background-clip: padding-box; font-weight: 700 } .block-arrow > span { display: block; width: 0; height: 0; position: absolute; margin: -7px -6px -5px; border: 6px solid transparent; border-top-color: #e4e7eb } .silver-gradient > .block-arrow > span { border-top-color: #d6dadf } .black-gradient > .block-arrow > span, .notification > .block-arrow > span, .translucid > .block-arrow > span { border-top-color: #000 } .anthracite-gradient > .block-arrow > span { border-top-color: #404040 } .grey-gradient > .block-arrow > span { border-top-color: #939393 } .red-gradient > .block-arrow > span { border-top-color: #d52607 } .orange-gradient > .block-arrow > span { border-top-color: #ff9e00 } .green-gradient > .block-arrow > span { border-top-color: #87ba17 } .blue-gradient > .block-arrow > span { border-top-color: #00438d } .block-arrow.left, .block-arrow.left > span, .block-arrow.right, .block-arrow.right > span, .block-arrow.top, .block-arrow.top > span { border-top-color: transparent } .block-arrow.top { top: auto; right: 50%; bottom: 100%; margin: 0 -6px 1px 0; border-bottom-color: inherit } .block-arrow.top > span { margin: -5px -6px -7px; border-bottom-color: #f7f7fa } .silver-gradient > .block-arrow.top > span { border-bottom-color: #efeff4 } .black-gradient > .block-arrow.top > span, .notification > .block-arrow.top > span, .translucid > .block-arrow.top > span { border-bottom-color: #333 } .anthracite-gradient > .block-arrow.top > span { border-bottom-color: #565656 } .grey-gradient > .block-arrow.top > span { border-bottom-color: #b3b3b3 } .red-gradient > .block-arrow.top > span { border-bottom-color: #e24913 } .orange-gradient > .block-arrow.top > span { border-bottom-color: #ffb900 } .green-gradient > .block-arrow.top > span { border-bottom-color: #a7cf34 } .blue-gradient > .block-arrow.top > span { border-bottom-color: #006aac } .block-arrow.left { top: 50%; right: 100%; margin: -6px 1px 0 0; border-right-color: inherit } .block-arrow.left > span { margin: -6px -7px -6px -5px; border-right-color: #eeeff2 } .silver-gradient > .block-arrow.left > span { border-right-color: #e3e4ea } .black-gradient > .block-arrow.left > span, .notification > .block-arrow.left > span, .translucid > .block-arrow.left > span { border-right-color: #1a1a1a } .anthracite-gradient > .block-arrow.left > span { border-right-color: #4b4b4b } .grey-gradient > .block-arrow.left > span { border-right-color: #a3a3a3 } .red-gradient > .block-arrow.left > span { border-right-color: #db370c } .orange-gradient > .block-arrow.left > span { border-right-color: #ffac00 } .green-gradient > .block-arrow.left > span { border-right-color: #97c526 } .blue-gradient > .block-arrow.left > span { border-right-color: #00569c } .block-arrow.right { top: 50%; right: auto; left: 100%; margin: -6px 0 0 1px; border-left-color: inherit } .block-arrow.right > span { margin: -6px -5px -6px -7px; border-left-color: #eeeff2 } .silver-gradient > .block-arrow.right > span { border-left-color: #e3e4ea } .black-gradient > .block-arrow.right > span, .notification > .block-arrow.right > span, .translucid > .block-arrow.right > span { border-left-color: #1a1a1a } .anthracite-gradient > .block-arrow.right > span { border-left-color: #4b4b4b } .grey-gradient > .block-arrow.right > span { border-left-color: #a3a3a3 } .red-gradient > .block-arrow.right > span { border-left-color: #db370c } .orange-gradient > .block-arrow.right > span { border-left-color: #ffac00 } .green-gradient > .block-arrow.right > span { border-left-color: #97c526 } .blue-gradient > .block-arrow.right > span { border-left-color: #00569c } .count { top: -10px; border-radius: 9px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); margin: 0; right: 7px; width: fit-content } .close { top: 0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.75); cursor: pointer } #title-bar h2, .info-spot { font-family: Arial,Helvetica,sans-serif } .close.simpler, .count.simpler { border-color: grey; background: grey; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .count.compact { margin: 8px 2px 0 0 !important; height: 13px; line-height: 13px; min-width: 10px } .close, .count.inset, .count.left { left: 0; margin: 0 } .close.right, .count.right { left: auto; right: 0; margin: 0 } .close.inset, .close.right.inset, .count.inset, .count.right.inset { margin: 0 } .block, details.details { border: 1px solid #bfbfbf; position: relative; background-color: #fff; color: #666; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px } .block-title, details.details > summary { display: block; position: relative; padding: 18px 19px; border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -webkit-text-shadow: -0 1px 0 white; -moz-text-shadow: -0 1px 0 white; text-shadow: 0 1px 0 #fff } .block-title { -webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px } details.details > summary { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } details.details.open > summary, html.details details.details[open] > summary { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } details.details > summary:before { content: '►'; padding-left: 5px } details.details.open > summary:before { content: '▼' } h3.block-title { padding: 15px 19px; margin: 0 } .block-title > h3, details.details > summary > h3 { padding: 0; margin: -3px 0 } .block-title > .absolute-left { left: 17px } .accordion { border: 1px solid #bfbfbf; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .accordion > dt { display: block; position: relative; padding: 10px 11px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15) } .ribbon-inner, .ribbon-inner-ltr { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3) } .accordion > dt:first-child { border-top-width: 0; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px } .accordion > dt.closed { margin-bottom: -1px } .accordion > dt.closed:last-of-type { border-bottom-width: 0; margin-bottom: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .ribbon { display: block; width: 85px; height: 88px; overflow: hidden; position: absolute; z-index: 88; top: -5px; left: -5px } .info-spot, .ribbon-inner { text-align: center; position: relative } .ribbon-inner { display: block; font-weight: 700; font-size: 15px; line-height: 15px; padding: 7px 0; right: -7px; top: 17px; width: 120px; box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-text-shadow: rgba(0,0,0,0.25) 0 1px 1px; -moz-text-shadow: rgba(0,0,0,0.25) 0 1px 1px; text-shadow: rgba(0,0,0,.25) 0 1px 1px } .info-spot, .meter { display: inline-block } .calendar-menu, .info-spot, .message-menu { -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none } .no-csstransforms .ribbon { width: 70px; height: 46px } .ribbon.tiny { width: 43px; height: 44px; top: -4px; left: -4px } .no-csstransforms .ribbon.tiny { width: 40px; height: 23px } .no-csstransforms .ribbon-inner { right: -25px } .tiny > .ribbon-inner { font-size: 10px; line-height: 10px; padding: 3px 0; right: -2px; top: 7px; width: 60px } .no-csstransforms .tiny > .ribbon-inner { right: -9px } .ribbon-inner:after, .ribbon-inner:before { content: ''; border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 3px solid; border-top-color: inherit; position: absolute; bottom: -3px } .tiny > .ribbon-inner:after, .tiny > .ribbon-inner:before { border-right-width: 2px; border-left-width: 2px; border-top-width: 2px; bottom: -2px } .ribbon-inner:before { right: 1px } .ribbon-inner:after { left: 1px } .meter { height: 11px; line-height: 11px; width: 4px; margin-right: -2px; background: url(/Content/img/old-browsers/style/bg_meter.png) 0 0/100% 100% repeat-x #999; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(grey),to(#999)); background: -webkit-linear-gradient(top,grey,#999); background: -moz-linear-gradient(top,grey,#999); background: -ms-linear-gradient(top,grey,#999); background: -o-linear-gradient(top,grey,#999); background: linear-gradient(top,grey,#999); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.25); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.25); box-shadow: inset 0 0 1px rgba(0,0,0,.75),0 1px 0 rgba(255,255,255,.25) } .info-spot { width: 16px; height: 16px; font-size: 13px; line-height: 16px; font-weight: 400; vertical-align: middle; margin: -1px 0 1px -4px; cursor: help } .info-spot > [class*=" icon-"], .info-spot > [class^=icon-] { position: absolute; font-size: 17px; top: 0; right: 0 } .info-spot:hover > [class*=" icon-"], .info-spot:hover > [class^=icon-] { color: #fff; z-index: 99 } .info-bubble { display: none; position: absolute; z-index: 98; top: -5px; right: 15px; min-width: 235px; padding: 8px 11px; background: #4c4c4c; color: #fff; text-align: right; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px } .info-bubble-before, .info-bubble:before { display: block; top: 0; left: 100%; height: 26px; width: 21px; position: absolute } .info-bubble:before { content: ''; background-color: inherit; -webkit-border-top-right-radius: 13px; -webkit-border-bottom-right-radius: 13px; -moz-border-radius: 0 13px 13px 0; border-radius: 0 13px 13px 0 } #main, #main-title, .big-right-icon, .huge-right-icon, .right-icon { position: relative } .on-top > .info-bubble { top: auto; bottom: -5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -moz-border-radius: 5px 5px 0; border-radius: 5px 5px 0 } .on-top > .info-bubble:before, .on-top > .info-bubble > .info-bubble-before { top: auto; bottom: 0 } .on-right > .info-bubble { right: auto; left: 15px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 0 5px 5px; border-radius: 0 5px 5px } .on-right > .info-bubble:before { left: auto; right: 100%; -webkit-border-radius: 0; -webkit-border-top-left-radius: 13px; -webkit-border-bottom-left-radius: 13px; -moz-border-radius: 13px 0 0 13px; border-radius: 13px 0 0 13px } .on-right > .info-bubble > .info-bubble-before { left: auto; right: 100% } .on-top.on-right > .info-bubble { right: auto; left: 15px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0 } .on-top.on-right > .info-bubble > .info-bubble-before { right: auto; left: 15px } .js.touch .info-spot:hover > [class*=" icon-"], .js.touch .info-spot:hover > [class^=icon-] { color: inherit } @font-face { font-family: EntypoRegular; src: url('/Content/css/Entypo/entypo-webfont.eot'); src: url('/Content/css/Entypo/entypo-webfont.eot?#iefix') format('embedded-opentype'),url('/Content/css/Entypo/entypo-webfont.woff') format('woff'),url('/Content/css/Entypo/entypo-webfont.ttf') format('truetype'),url('/Content/css/Entypo/entypo-webfont.svg#EntypoRegular') format('svg'); font-weight: 400; font-style: normal } [class*=" icon-"]:before, [class^=icon-]:before { display: inline-block; font-weight: 400; font-style: normal; font-family: EntypoRegular; font-size: 2em; line-height: 1em; margin: -.5em -.077em -.5em .115em; vertical-align: -.077em } .button-icon.icon:before, .button-icon > .icon:before, .button.icon:before, .button > .icon:before { font-size: 2.3em; margin-top: -.65em; margin-bottom: -.65em; vertical-align: -.133em } .icon-size2:before { font-size: 3.5em; margin-top: -1.25em; margin-bottom: -1.25em; vertical-align: -.132em } .icon-size3:before { font-size: 4.5em; margin-top: -1.75em; margin-bottom: -1.75em; vertical-align: -.171em } .icon-size4:before { font-size: 7em; margin-top: -3em; margin-bottom: -3em; vertical-align: middle } .icon-size5:before { font-size: 10em; vertical-align: middle } .ie9 .icon-size2:before, .ie9 .icon-size3:before, .ie9 .icon-size4:before, .ie9 .icon-size5:before { font-size: .25em } [class*=" icon-"]:empty:before, [class^=icon-]:empty:before { margin-left: -.077em; margin-right: -.077em } .right-icon { padding-right: 20px; min-height: 16px } .homeWrapped.right-icon, .wrapped.right-icon { padding-right: 30px } .boxed.right-icon { padding-right: 36px } .big-right-icon { padding-right: 38px; min-height: 32px } .homeWrapped.big-right-icon, .wrapped.big-right-icon { padding-right: 48px } .boxed.big-right-icon { padding-right: 54px } .huge-right-icon { padding-right: 68px; min-height: 64px } .big-menu, .calendar-menu, .message-menu, .title-menu { margin: 0; min-height: 0; list-style-type: none } .homeWrapped.huge-right-icon, .wrapped.huge-right-icon { padding-right: 78px } .boxed.huge-right-icon { padding-right: 84px } .big-right-icon:before, .huge-right-icon:before, .right-icon:before { position: absolute; display: block; margin: 0 } .right-icon:before { top: 0; right: -1px; font-size: 30px; line-height: 18px } .homeWrapped.right-icon:before, .wrapped.right-icon:before { top: 10px; right: 9px } .boxed.right-icon:before { top: 16px; right: 15px } .big-right-icon:before { top: -1px; right: -2px; font-size: 60px; line-height: 36px } .homeWrapped.big-right-icon:before, .wrapped.big-right-icon:before { top: 9px; right: 8px } .boxed.big-right-icon:before { top: 15px; right: 14px } .huge-right-icon:before { top: -3px; right: -5px; font-size: 120px; line-height: 72px } .homeWrapped.huge-right-icon:before, .wrapped.huge-right-icon:before { top: 7px; right: 5px } .boxed.huge-right-icon:before { top: 13px; right: 11px } .icon-phone:before { content: '!' } .icon-mobile:before { content: '"' } .icon-tag:before { content: '#' } .icon-directions:before { content: '$' } .icon-mail:before { content: '%' } .icon-pencil:before { content: '&' } .icon-paperclip:before { content: '\'' } .icon-reply:before { content: '(' } .icon-replay-all:before { content: ')' } .icon-fwd:before { content: '*' } .icon-user:before { content: '+' } .icon-users:before { content: ',' } .icon-add-user:before { content: '-' } .icon-card:before { content: '.' } .icon-extract:before { content: '/' } .icon-marker:before { content: '0' } .icon-map:before { content: '1' } .icon-compass:before { content: '2' } .icon-arrow:before { content: '3' } .icon-target:before { content: '4' } .icon-path:before { content: '5' } .icon-heart:before { content: '6' } .icon-star:before { content: '7' } .icon-like:before { content: '8' } .icon-chat:before { content: '9' } .icon-speech:before { content: ':' } .icon-quote:before { content: ';' } .icon-printer:before { content: '<' } .icon-bell:before { content: '=' } .icon-link:before { content: '>' } .icon-flag:before { content: '?' } .icon-gear:before { content: '@' } .icon-flashlight:before { content: 'A' } .icon-cup:before { content: 'B' } .icon-price-tag:before { content: 'C' } .icon-camera:before { content: 'D' } .icon-moon:before { content: 'E' } .icon-palette:before { content: 'F' } .icon-leaf:before { content: 'G' } .icon-music-note:before { content: 'H' } .icon-bag:before { content: 'I' } .icon-plane:before { content: 'J' } .icon-buoy:before { content: 'K' } .icon-rain:before { content: 'L' } .icon-eye:before { content: 'M' } .icon-clock:before { content: 'N' } .icon-mic:before { content: 'O' } .icon-calendar:before { content: 'P' } .icon-lightning:before { content: 'Q' } .icon-hourglass:before { content: 'R' } .icon-rss:before { content: 'S' } .icon-wifi:before { content: 'T' } .icon-lock:before { content: 'U' } .icon-unlock:before { content: 'V' } .icon-tick:before { content: 'W' } .icon-cross:before { content: 'X' } .icon-minus-round:before { content: 'Y' } .icon-plus-round:before { content: 'Z' } .icon-cross-round:before { content: '[' } .icon-minus:before { content: '\\' } .icon-plus:before { content: ']' } .icon-forbidden:before { content: '^' } .icon-info:before { content: '_' } .icon-info-round:before { content: '`' } .icon-question:before { content: 'a' } .icon-question-round:before { content: 'b' } .icon-warning:before { content: 'c' } .icon-redo:before { content: 'd' } .icon-undo:before { content: 'e' } .icon-swap:before { content: 'f' } .icon-revert:before { content: 'g' } .icon-refresh:before { content: 'h' } .icon-list:before { content: 'i' } .icon-list-add:before { content: 'j' } .icon-thumbs:before { content: 'k' } .icon-page-list:before { content: 'l' } .icon-page:before { content: 'm' } .icon-pages:before { content: 'n' } .icon-frame:before { content: 'o' } .icon-pictures:before { content: 'p' } .icon-movie:before { content: 'q' } .icon-music:before { content: 'r' } .icon-folder:before { content: 's' } .icon-drawer:before { content: 't' } .icon-trash:before { content: 'u' } .icon-outbox:before { content: 'v' } .icon-inbox:before { content: 'w' } .icon-download:before { content: 'x' } .icon-cloud:before { content: 'y' } .icon-cloud-upload:before { content: 'z' } .icon-play:before { content: '{' } .icon-pause:before { content: '|' } .icon-record:before { content: '~' } .icon-backward:before { content: 'Ä' } .icon-forward:before { content: 'Å' } .icon-previous:before { content: 'Ç' } .icon-next:before { content: 'É' } .icon-expand:before { content: 'Ñ' } .icon-reduce:before { content: 'Ö' } .icon-volume:before { content: 'Ü' } .icon-loud:before { content: 'á' } .icon-mute:before { content: 'à' } .icon-left-fat:before { content: 'â' } .icon-down-fat:before { content: 'ä' } .icon-up-fat:before { content: 'ã' } .icon-right-fat:before { content: 'å' } .icon-left:before { content: 'ç' } .icon-down:before { content: 'é' } .icon-up:before { content: 'è' } .icon-right:before { content: 'ê' } .icon-left-round:before { content: 'ë' } .icon-down-round:before { content: 'í' } .icon-up-round:before { content: 'ì' } .icon-right-round:before { content: 'î' } .icon-home:before { font-family: FontAwesome; content: "\f015"; font-size: 27px } .icon-ribbon:before { content: 'ñ' } .icon-read:before { content: 'ó' } .icon-new-tab:before { content: 'ò' } .icon-search:before { font-family: FontAwesome; content: "\f002"; font-size: 12px } .icon-ellipsis:before { content: 'ö' } .icon-bullet-list:before { content: '®' } .icon-creative-commons:before { content: '©' } #title-bar { height: 40px; line-height: 38px; text-align: center; z-index: 3; padding: 0 10px } .fixed-title-bar > #title-bar { position: fixed; top: 0; right: 0; left: 0 } .with-shortcuts #title-bar { padding-right: 43px } .reversed.with-shortcuts #title-bar { padding-right: 10px; padding-left: 43px } .with-menu #title-bar { padding-left: 92px } .reversed.with-menu #title-bar { padding-left: 10px; padding-right: 92px } .reversed.with-shortcuts.with-menu #title-bar { padding-left: 43px; padding-right: 92px } #title-bar h2 { color: #fff; line-height: 36px; margin: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis } #open-menu { position: absolute; z-index: 4; top: 0; right: 0 } body.reversed #open-menu { left: 8px; right: auto } .fixed-title-bar > #menu, .fixed-title-bar > #open-menu, .fixed-title-bar > #open-shortcuts, .fixed-title-bar > #shortcuts, .posAbs { position: fixed } #open-menu > span { height: 60px; width: 64px } #open-menu > span img { width: 56px; height: 56px; border: none; margin: 2px 4px; z-index: 5; position: relative } #open-menu > span, #open-shortcuts { display: block; border: 1px solid #020203; color: #fff; background-color: rgba(255,255,255,.3); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,.25); -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #menu, #shortcuts { display: none; z-index: 99 } #open-shortcuts { position: absolute; z-index: 5; top: 5px; right: 8px; text-align: center; font-size: 24px; height: 25px; line-height: 25px; width: 27px; padding: 2px 2px 0 0 } body.reversed #open-shortcuts { right: auto; left: 8px } #main { z-index: 2 } .fixed-title-bar > #main { margin-top: 40px } #main-title { color: #b3b5b8; padding: 17px 20px 21px } #access > li > a:after, #main-title h2, #menu, #menu-after, #menu:after, #shortcuts, #shortcuts:before { position: absolute } #main-title + .with-padding { padding-top: 0 !important } #main-title h1, #main-title h2 { margin: 0; padding: 0 } #main-title h2 { top: 17px; left: 20px; font-size: 22px } #access > li, #profile, .back { font-size: 14px } #main-title h2 strong { font-size: 30px; vertical-align: -3px } #shortcuts { top: 44px; right: 10px; margin: 0; width: 240px; list-style-type: none; padding: 15px 14px 5px 4px; border: 1px solid #fff; background: url(/Content/img/old-browsers/style/bg_shortcuts.png) 0 0/100% 100% repeat-x #d9d9d9; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(white),to(#d9d9d9)); background: -webkit-linear-gradient(white,#d9d9d9); background: -moz-linear-gradient(white,#d9d9d9); background: -ms-linear-gradient(white,#d9d9d9); background: -o-linear-gradient(white,#d9d9d9); background: linear-gradient(white,#d9d9d9); -webkit-background-clip: padding-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.8); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.8); box-shadow: 0 1px 7px rgba(0,0,0,.8) } .reversed #shortcuts { right: auto; left: 10px } #shortcuts:before { display: block; content: ' '; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #fff; bottom: 100%; right: 6px } .reversed #shortcuts:before { right: auto; left: 6px } #shortcuts > li { width: 70px; height: 70px; float: right; margin: -5px 0 25px 10px } #shortcuts > li > a, #shortcuts > li > span { display: block; background-image: url(/Content/img/standard/shortcuts.png); background-repeat: no-repeat; width: 70px; height: 5px; padding-top: 65px; color: #666; text-align: center } #shortcuts > li > span { color: #999 } #shortcuts > li.current > a { color: #39c } .shortcut-dashboard { background-position: -66px -5px } .shortcut-messages { background-position: -66px -75px } .shortcut-agenda { background-position: -66px -145px } .shortcut-contacts { background-position: -66px -215px } .shortcut-medias { background-position: -66px -285px } .shortcut-stats { background-position: -66px -355px } .shortcut-settings { background-position: -66px -425px } .shortcut-notes { background-position: -66px -495px } span.shortcut-dashboard { background-position: 1px -5px } span.shortcut-messages { background-position: 1px -75px } span.shortcut-agenda { background-position: 1px -145px } span.shortcut-contacts { background-position: 1px -215px } span.shortcut-medias { background-position: 1px -285px } span.shortcut-stats { background-position: 1px -355px } span.shortcut-settings { background-position: 1px -425px } span.shortcut-notes { background-position: 1px -495px } #menu { top: 40px; right: 0; left: 0; background: #3c4044; color: #fff; overflow: visible !important } #menu:after { display: block; content: ' '; top: 100%; right: 0; left: 0; height: 15px; pointer-events: none; background: url(/Content/img/old-browsers/style/bg_menu_after.png) 0 0/100% 100% repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,0,0,.75)),to(rgba(0,0,0,0)),color-stop(.1,rgba(0,0,0,.5)),color-stop(.25,rgba(0,0,0,.3)),color-stop(.5,rgba(0,0,0,.2))); background: -webkit-linear-gradient(top,rgba(0,0,0,.75),rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0)); background: -moz-linear-gradient(top,rgba(0,0,0,.75),rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0)); background: -ms-linear-gradient(top,rgba(0,0,0,.75),rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0)); background: -o-linear-gradient(top,rgba(0,0,0,.75),rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0)); background: linear-gradient(top,rgba(0,0,0,.75),rgba(0,0,0,.5) 10%,rgba(0,0,0,.3) 25%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0)) } #menu-after { display: block; top: 100%; right: 0; left: 0; height: 15px; background: url(/Content/img/old-browsers/style/bg_menu_after.png) repeat-x } #main-title, #menu-content, #profile, .blocks-list, .clearfix, .columns, .definition.inline, .ie7 li.big-menu > a, .ie7 li.big-menu > span, .inline-label, .inline-large-label, .inline-medium-label, .inline-small-label, .left-column-200px, .left-column-290px, .notification, .right-column-200px, .right-column-290px { zoom: 1 } #menu-footer { padding: 10px; background: url(/Content/img/old-browsers/style/bg_menu-footer.png) 0 0/100% 100% repeat-x; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(rgba(255,255,255,.37)),to(rgba(255,255,255,0)),color-stop(.04,rgba(255,255,255,.31)),color-stop(.44,rgba(255,255,255,.15)),color-stop(.49,rgba(255,255,255,.11)),color-stop(.5,rgba(255,255,255,.02))); background: -webkit-linear-gradient(top,rgba(255,255,255,.37),rgba(255,255,255,.31) 4%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.11) 49%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0)); background: -moz-linear-gradient(top,rgba(255,255,255,.37),rgba(255,255,255,.31) 4%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.11) 49%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0)); background: -ms-linear-gradient(top,rgba(255,255,255,.37),rgba(255,255,255,.31) 4%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.11) 49%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0)); background: -o-linear-gradient(top,rgba(255,255,255,.37),rgba(255,255,255,.31) 4%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.11) 49%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0)); background: linear-gradient(top,rgba(255,255,255,.37),rgba(255,255,255,.31) 4%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.11) 49%,rgba(255,255,255,.02) 50%,rgba(255,255,255,0)); background-color: #575d62; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.5) } #menu header { padding: 11px 12px; color: #bfbfbf; text-transform: uppercase; font-weight: 700; font-family: Corbel,Lucida Grande,Lucida Sans Unicode,Lucida Sans,DejaVu Sans,Bitstream Vera Sans,Liberation Sans,Verdana; background: url(/Content/img/old-browsers/style/bg_menu_header.png) 0 0/100% 100% repeat-x #4e5458; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#60666c),to(#4e5458)); background: -webkit-linear-gradient(top,#60666c,#4e5458); background: -moz-linear-gradient(top,#60666c,#4e5458); background: -ms-linear-gradient(top,#60666c,#4e5458); background: -o-linear-gradient(top,#60666c,#4e5458); background: linear-gradient(top,#60666c,#4e5458) } .no-boxshadow #menu header { border-bottom: 1px solid #2c3033 } #profile { display: block; padding: 20px; line-height: 14px; color: #b2b2b2; background: url(/Content/img/old-browsers/style/bg_profile.png) 0 0/100% 100% repeat-x #31363a; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#383e42),to(#31363a)); background: -webkit-linear-gradient(top,#383e42,#31363a); background: -moz-linear-gradient(top,#383e42,#31363a); background: -ms-linear-gradient(top,#383e42,#31363a); background: -o-linear-gradient(top,#383e42,#31363a); background: linear-gradient(top,#383e42,#31363a) } #profile .user-icon { float: right; margin: 0 -2px 0 10px } #profile .name { display: block; font-size: 24px; line-height: 22px; color: #fff; margin-bottom: 4px } #access { margin: 0; list-style-type: none } #access > li { float: right; height: 25px; line-height: 19px; position: relative; margin-right: 14px } #access > li.disabled { -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: .5 } #access > li > img, #access > li > span { vertical-align: middle } #access > li > a { display: block; padding: 0; line-height: 20px } #access > li > a:after { content: ' '; right: 4px; left: 4px; bottom: 4px; height: 1px; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 } #access > li > a:hover { padding-top: 0; padding-bottom: 8px; color: #fff } #access > li > a:hover:after { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1 } .no-generatedcontent #access > li > a:hover { padding-bottom: 4px } .big-menu > li, li.big-menu { padding: 16px 15px; font-size: 14px; line-height: 18px; font-weight: 700; position: relative } .big-menu > li.with-left-arrow, li.big-menu.with-left-arrow { padding-left: 32px } .big-menu > li > a, .big-menu > li > span, li.big-menu > a, li.big-menu > span { display: block; margin: -16px -15px; padding: 16px 15px 16px 20px; color: inherit; position: relative; cursor: pointer; border-right: 0px solid rgba(0,0,0,.5); -webkit-transition: border-right-width .1s,padding-left .1s; -moz-transition: border-right-width .1s,padding-left .1s; -ms-transition: border-right-width .1s,padding-left .1s; -o-transition: border-right-width .1s,padding-left .1s; transition: border-right-width .1s,padding-left .1s } .big-menu > li.with-left-arrow > a, .big-menu > li.with-left-arrow > span, li.big-menu.with-left-arrow > a, li.big-menu.with-left-arrow > span { margin-left: -32px; padding-left: 32px } .no-touch .big-menu > li > .current, .no-touch .big-menu > li > a:hover, .no-touch .big-menu > li > span:hover, .no-touch li.big-menu > .current, .no-touch li.big-menu > a:hover, .no-touch li.big-menu > span:hover { border-right-width: 4px; padding-left: 12px } .no-touch .big-menu > li.with-left-arrow > .current, .no-touch .big-menu > li.with-left-arrow > a:hover, .no-touch .big-menu > li.with-left-arrow > span:hover, .no-touch li.big-menu.with-left-arrow > .current, .no-touch li.big-menu.with-left-arrow > a:hover, .no-touch li.big-menu.with-left-arrow > span:hover { padding-left: 28px } .no-touch .big-menu > li > .current:before, .no-touch li.big-menu > .current:before { display: block; content: ''; width: 0; height: 0; overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -5px; border: 5px solid transparent; border-right-color: #404040 } .title-menu > li, li.title-menu { padding: 1px 8px 3px; font-size: 13px; line-height: 16px; font-weight: 400; text-align: center; white-space: nowrap; text-overflow: ellipsis } .title-menu > li > a, li.title-menu > a { display: block; margin: -2px -8px; padding: 2px 8px; color: inherit; white-space: nowrap; text-overflow: ellipsis; position: relative } .calendar-menu > li, li.calendar-menu { padding: 10px 50px 10px 10px; font-size: 13px; font-weight: 400; min-height: 40px; line-height: 14px } .calendar-menu > li > a, li.calendar-menu > a { display: block; margin: -10px -50px -10px -10px; padding: 10px 50px 10px 14px; min-height: 40px; color: inherit } .calendar-menu > li time, li.calendar-menu time { float: right; display: block; width: 30px; margin-right: -40px; color: rgba(0,0,0,.2); text-transform: uppercase; text-align: center; line-height: 12px } .calendar-menu > li time > b, li.calendar-menu time > b { display: block; font-family: Arial,Helvetica,sans-serif; font-size: 26px; line-height: 28px; margin-bottom: -3px } .message-menu > li, li.message-menu { padding: 9px 30px 10px 65px; min-height: 41px; color: #4c4c4c; font-size: 13px; line-height: 14px; font-weight: 400; position: relative } .message-menu > li > a, li.message-menu > a { display: block; margin: -9px -30px -10px -65px; padding: 9px 30px 10px 25px; min-height: 41px; color: #4c4c4c; position: relative } .tabs > li, .tabs > li > a { padding: 12px 12px 12px 30px } .message-status { float: right; margin: -1px -22px 0 0; width: 16px; text-align: center } .message-status > a, .message-status > span { height: 16px; font-weight: 700 } .message-info { position: absolute; top: 9px; left: 7px; width: 58px; margin-right: 0; list-style-type: none; text-align: left } .back, .collapsible ul, .navigable { position: relative } .message-info > a, .message-info > span { font-size: 11px; display: block; float: left; height: 16px } .attach, .new-message, .starred, .unstarred { display: block; overflow: hidden; text-indent: -9999px; text-align: right; width: 16px; white-space: nowrap } .starred { background: url(/Content/img/standard/sprites.png) 0 -34px no-repeat } a.starred:hover { background: url(/Content/img/standard/sprites.png) 0 -50px no-repeat } .unstarred { background: url(/Content/img/standard/sprites.png) -16px -34px no-repeat } a.unstarred:hover { background: url(/Content/img/standard/sprites.png) -16px -50px no-repeat } .new-message { background: url(/Content/img/standard/sprites.png) -32px -34px no-repeat } a.new-message:hover { background: url(/Content/img/standard/sprites.png) -32px -50px no-repeat } .attach { background: url(/Content/img/standard/sprites.png) -48px -34px no-repeat } a.attach:hover { background: url(/Content/img/standard/sprites.png) -48px -50px no-repeat } .calendar-menu > li > a, .message-menu > li > a, li.calendar-menu > a, li.message-menu > a { border-right: 0px solid rgba(0,0,0,.5); -webkit-transition: border-right-width .1s,padding-left .1s; -moz-transition: border-right-width .1s,padding-left .1s; -ms-transition: border-right-width .1s,padding-left .1s; -o-transition: border-right-width .1s,padding-left .1s; transition: border-right-width .1s,padding-left .1s } .no-touch .calendar-menu > li > a:hover, .no-touch .message-menu > li > a:hover, .no-touch li.calendar-menu > a:hover, .no-touch li.message-menu > a:hover { border-right-width: 4px } .no-touch .calendar-menu > li > a:hover, .no-touch li.calendar-menu > a:hover { padding-left: 10px } .no-touch .message-menu > li > a:hover, .no-touch li.message-menu > a:hover { padding-left: 30px } .message-menu > li > .message-info + a, .message-menu > li > .message-status + a, li.message-menu > .message-info + a, li.message-menu > .message-status + a { margin: 0; padding: 0 0 0 10px; -webkit-transition: border-right-width .1s,padding-right .1s,padding-left .1s; -moz-transition: border-right-width .1s,padding-right .1s,padding-left .1s; -ms-transition: border-right-width .1s,padding-right .1s,padding-left .1s; -o-transition: border-right-width .1s,padding-right .1s,padding-left .1s; transition: border-right-width .1s,padding-right .1s,padding-left .1s } .no-touch .message-menu > li > .message-info + a:hover, .no-touch .message-menu > li > .message-status + a:hover, .no-touch li.message-menu > .message-info + a:hover, .no-touch li.message-menu > .message-status + a:hover { padding-right: 6px; padding-left: 0 } .navigable { overflow: hidden; padding: 0 } .navigable > .load { position: absolute; top: 0; left: 0; bottom: 0; width: 10%; padding: 0; margin: 0; cursor: wait; background: url(/Content/img/standard/loaders/loading16_anthracite.gif) center 4px no-repeat #000 } .navigable ul.fixed { position: absolute; right: 0; width: 100% } .navigable ul ul { position: absolute; right: 100%; top: 0; width: 100%; display: none } .navigable-ajax, .navigable-ajax-loaded, .tablink { cursor: pointer } .collapsible ul { display: none } .collapsible li > .load { display: block; padding: 0; margin: 0; height: 24px; cursor: wait; background: url(/Content/img/standard/loaders/loading16_anthracite.gif) 4px 4px no-repeat #000 } .collapsible .big-menu > li > .load, .collapsible .big-menu > li > ul, .collapsible li.big-menu > .load, .collapsible li.big-menu > ul, .collapsible.big-menu > li > .load, .collapsible.big-menu > li > ul { margin: 16px -15px -16px; -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 -1px 0 rgba(0,0,0,.25); box-shadow: 0 -1px 0 rgba(0,0,0,.25) } .no-boxshadow .collapsible .big-menu > li > .load, .no-boxshadow .collapsible .big-menu > li > ul, .no-boxshadow .collapsible li.big-menu > .load, .no-boxshadow .collapsible li.big-menu > ul, .no-boxshadow .collapsible.big-menu > li > .load, .no-boxshadow .collapsible.big-menu > li > ul { border-top: 1px solid #666 } .collapsible .with-arrow-after, .collapsible li.with-left-arrow:after, .collapsible li.with-right-arrow:after { top: 25px } .collapsible .big-menu > li.with-left-arrow > .load, .collapsible .big-menu > li.with-left-arrow > ul, .collapsible li.big-menu.with-left-arrow > .load, .collapsible li.big-menu.with-left-arrow > ul, .collapsible.big-menu > li.with-left-arrow > .load, .collapsible.big-menu > li.with-left-arrow > ul { margin-left: -32px } .back { padding: 16px 32px 16px 15px; margin: 0; line-height: 18px; font-weight: 700; cursor: pointer; -webkit-box-shadow: inset 0 1px 10px #000; -moz-box-shadow: inset 0 1px 10px #000; box-shadow: inset 0 1px 10px #000 } .button, .button-group { font-size: 13px; zoom: 1 } .back > .back-arrow { display: block; width: 11px; height: 9px; position: absolute; top: 50%; margin-top: -5px; right: 11px; background: url(/Content/img/standard/sprites.png) -198px 0 no-repeat } .custom-scroll { overflow-x: hidden !important } .custom-hscrollbar, .custom-vscrollbar { position: absolute; z-index: 999000; padding: 0; margin: 0; border: 0; background: rgba(128,128,128,.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-height, ol.button-height.last-child, ol.button-height:last-child, p.button-height.last-child, p.button-height:last-child, ul.button-height.last-child, ul.button-height:last-child { margin-bottom: -2px } .button, .button > .button-icon { vertical-align: baseline; min-width: 6px; background-position: center center !important; display: inline-block; font-weight: 700 } .big .button, .button, .button.big, .button.huge, .button.tiny, .button > .button-icon, .huge .button, .tiny .button { -webkit-background-clip: padding-box } .yellow-gradient, h3.HeaderBlink:hover { background-color: #ff0 } .custom-hscrollbar { height: 8px } .custom-vscrollbar { width: 11px } .custom-hscrollbar > div, .custom-vscrollbar > div { position: absolute; background: rgba(128,128,128,.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) } .custom-hscrollbar > div { top: 0; bottom: 0 } .custom-vscrollbar > div { right: 0; left: 0 } .button-height { line-height: 34px; margin-top: -2px } .button-height.homeWrapped, .button-height.wrapped { padding: 8px 10px; margin-top: 0 } ol.button-height, p.button-height, ul.button-height { margin-bottom: 14px } .button-height.absolute-left, .button-height.absolute-right { margin-top: -17px; margin-bottom: 0 } .disabled, .disabled .button, .disabled .input, .disabled .label, .disabled a, .disabled button, .disabled input, .disabled label, .disabled span, .select2-container--disabled .select2-selection, .select2-container--disabled .select2-selection__arrow, .select2-container--disabled .select2-selection__rendered, :disabled { cursor: not-allowed !important } .button { position: relative; text-align: center; text-transform: none; padding: 0 11px; line-height: 28px; height: 28px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; cursor: pointer } .button-group, .jobsTextStyle, .loader { vertical-align: middle } .ie7 button.button { line-height: 24px; height: 28px } .ie7 .button { margin-right: 4px } .button.full-width { width: 100%; margin: 0; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .no-boxsizing .button.full-width { width: 94% } .no-boxsizing button.button.full-width, .width-100-percent { width: 100% } .button-height .button.float-left, .button-height .button.float-right { margin-top: 2px } .button.absolute-left, .button.absolute-right { position: absolute; margin-top: -15px } .input .button { margin-top: -1px; margin-bottom: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer } .input .button:first-child { margin-right: -9px } .ie7 .input .button:first-child { margin-right: 0; margin-left: 3px } .input .button:first-child, .input.large .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px } .input .button.last-child, .input .button:last-child { margin-left: -9px } .input .button:last-child, .input.large .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px } .button-group > .button, .button-group > .silver-gradient, .button-group > .white-gradient, .select-arrow, .select2-selection__arrow, .white-gradient > .select-arrow { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset -1px 0 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset -1px 0 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(255,255,255,.75),inset -1px 0 0 rgba(255,255,255,.75),0 1px 1px rgba(0,0,0,.15) } .anthracite-gradient > .select-value, .black-gradient > .select-value, .blue-gradient > .select-value, .button-group > .anthracite-gradient:first-child, .button-group > .black-gradient:first-child, .button-group > .blue-gradient:first-child, .button-group > .green-gradient:first-child, .button-group > .grey-gradient:first-child, .button-group > .orange-gradient:first-child, .button-group > .red-gradient:first-child, .button.anthracite-gradient, .button.black-gradient, .button.blue-gradient, .button.green-gradient, .button.grey-gradient, .button.orange-gradient, .button.red-gradient, .green-gradient > .select-value, .grey-gradient > .select-value, .orange-gradient > .select-value, .red-gradient > .select-value { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.25) } .navy-gradient { background-color: #349edb } .active > .button-icon.anthracite-gradient, .active > .button-icon.black-gradient, .active > .button-icon.blue-gradient, .active > .button-icon.grey-gradient, .anthracite-gradient > .select-value, .black-gradient > .select-value, .blue-gradient > .select-value, .button.anthracite-active.active, .button.anthracite-active:active, .button.anthracite-gradient, .button.black-active.active, .button.black-active:active, .button.black-gradient, .button.blue-active.active, .button.blue-active:active, .button.blue-gradient, .button.grey-active.active, .button.grey-active:active, .button.grey-gradient, .grey-gradient > .select-value, :active > .button-icon.anthracite-gradient, :active > .button-icon.black-gradient, :active > .button-icon.blue-gradient, :active > .button-icon.grey-gradient { -webkit-text-shadow: -0 -1px 0 rgba(0,0,0,0.6); -moz-text-shadow: -0 -1px 0 rgba(0,0,0,0.6); text-shadow: 0 -1px 0 rgba(0,0,0,.6) } .active .button-icon.green-gradient, .active .button-icon.orange-gradient, .active .button-icon.red-gradient, .button.green-active.active, .button.green-active:active, .button.green-gradient, .button.orange-active.active, .button.orange-active:active, .button.orange-gradient, .button.red-active.active, .button.red-active:active, .button.red-gradient, .select.green-gradient > .select-value, .select.orange-gradient > .select-value, .select.red-gradient > .select-value, :active .button-icon.green-gradient, :active .button-icon.orange-gradient, :active .button-icon.red-gradient { -webkit-text-shadow: -0 -1px 0 rgba(0,0,0,0.35); -moz-text-shadow: -0 -1px 0 rgba(0,0,0,0.35); text-shadow: 0 -1px 0 rgba(0,0,0,.35) } .anthracite-gradient > .select-arrow, .black-gradient > .select-arrow, .blue-gradient > .select-arrow, .button-group > .anthracite-gradient, .button-group > .black-gradient, .button-group > .blue-gradient, .button-group > .green-gradient, .button-group > .grey-gradient, .button-group > .orange-gradient, .button-group > .red-gradient, .green-gradient > .select-arrow, .grey-gradient > .select-arrow, .orange-gradient > .select-arrow, .red-gradient > .select-arrow { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.35),0 1px 1px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.35),0 1px 1px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset -1px 0 0 rgba(255,255,255,.35),0 1px 1px rgba(0,0,0,.25) } .button.active, .button:active { border: 0; padding: 1px 12px; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.75),0 1px 1px rgba(255,255,255,.35) !important; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.75),0 1px 1px rgba(255,255,255,.35) !important; box-shadow: inset 0 1px 5px rgba(0,0,0,.75),0 1px 1px rgba(255,255,255,.35) !important } .button.disabled, .button:disabled, .disabled .button, .disabled .select-arrow, .disabled .select-value, .select2-container--disabled .select2-selection__arrow, .select2-container--disabled .select2-selection__rendered { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-text-shadow: none !important; -moz-text-shadow: none !important; text-shadow: none !important } .button.disabled, .button:disabled, .disabled .button { border-width: 1px; border-style: solid; padding: 0 11px } .button > .button-icon { position: relative; text-align: right; padding: 0 10px; line-height: inherit; height: inherit; border-width: 1px; border-style: solid; margin: -1px -12px -1px 9px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-text-shadow: -0 -1px 0 rgba(0,0,0,0.6); -moz-text-shadow: -0 -1px 0 rgba(0,0,0,0.6); text-shadow: 0 -1px 0 rgba(0,0,0,.6); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.3) } .ie7 .button > .button-icon { margin: -1px 0 -1px 9px } .button > .button-icon.left-side { margin: -1px 9px -1px -12px; -webkit-border-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .ie7 .button > .button-icon.left-side { margin: -1px 0 } @-moz-document url-prefix() { .button > .button-icon { margin-right: -15px } .button > .button-icon.left-side { margin-left: -15px } } .active > .button-icon, :active > .button-icon { -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.75); -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.75); box-shadow: inset 0 1px 5px rgba(0,0,0,.75) } .disabled .button-icon, :disabled > .button-icon { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none } .button.tiny, .tiny .button { padding: 0 5px; line-height: 16px; height: 16px; font-size: 11px; min-width: auto; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .ie7 .tiny button.button, .ie7 button.button.tiny { line-height: 12px; height: 16px } .tiny p > .button, p.tiny > .button, p > .button.tiny { margin-top: -1px; margin-bottom: -1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-group.tiny.absolute-left, .button-group.tiny.absolute-right, .button.tiny.absolute-left, .button.tiny.absolute-right, .tiny .button-group.absolute-left, .tiny .button-group.absolute-right, .tiny .button.absolute-left, .tiny .button.absolute-right { margin-top: -9px } .input .button.tiny:first-child, .input.tiny .button:first-child { margin-right: -3px } .input .button.tiny.last-child, .input .button.tiny:last-child, .input.tiny .button.last-child, .input.tiny .button:last-child { margin-left: -3px } .button.tiny.disabled, .button.tiny:disabled, .disabled .tiny .button, .tiny .button.disabled, .tiny .button:disabled, .tiny.disabled .button { padding: 0 5px } .button-group.tiny, .tiny .button-group { line-height: 18px; height: 18px; margin-top: -2px; margin-bottom: 0 } .button.compact, .compact .button { padding: 0 8px; line-height: 22px; height: 22px } .ie7 .compact button.button, .ie7 button.button.compact { line-height: 18px; height: 22px } .button-group.compact.absolute-left, .button-group.compact.absolute-right, .button.compact.absolute-left, .button.compact.absolute-right, .compact .button-group.absolute-left, .compact .button-group.absolute-right, .compact .button.absolute-left, .compact .button.absolute-right { margin-top: -12px } .input .button.compact { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .input .button.compact:first-child, .input.compact .button:first-child { margin-right: -6px } .input .button.compact.last-child, .input .button.compact:last-child, .input.compact .button.last-child, .input.compact .button:last-child { margin-left: -6px } .button.compact.active, .button.compact:active, .compact .button.active, .compact .button:active { padding: 1px 9px } .button.compact.disabled, .button.compact:disabled, .compact .button.disabled, .compact .button:disabled, .compact.disabled .button, .disabled .compact .button { padding: 0 8px } .button-group.compact, .compact .button-group { line-height: 24px; height: 24px; margin-top: -5px; margin-bottom: -3px } .compact > .button-icon { margin: -1px -9px -1px 4px; padding: 0 6px } .compact > .button-icon.left-side { margin: -1px 4px -1px -9px } .big .button, .button.big { padding: 0 12px; font-size: 14px; line-height: 32px; height: 32px; margin-top: 0; margin-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .button.huge, .huge .button, .tabs { -webkit-border-radius: 6px; -moz-border-radius: 6px } .ie7 .big button.button, .ie7 button.button.big { line-height: 28px; height: 32px } .big .button.absolute-left, .big .button.absolute-right, .button.big.absolute-left, .button.big.absolute-right { margin-top: -17px } .big .button.active, .big .button.active:first-child, .big .button:active, .big .button:first-child:active, .button.big.active, .button.big.active:first-child, .button.big:active, .button.big:first-child:active { padding: 1px 13px } .big .button.disabled, .big .button:disabled, .big.disabled .button, .button.big.disabled, .button.big:disabled, .disabled .big .button { padding: 0 12px } .big > .button-icon { margin: -1px -13px -1px 8px; padding: 0 11px } .big > .button-icon.left-side { margin: -1px 8px -1px -13px } .button.huge, .huge .button { padding: 0 18px; font-size: 18px; line-height: 46px; height: 46px; min-width: 10px; margin-top: 0; margin-bottom: 0; border-radius: 6px } .ie7 .huge button.button, .ie7 button.button.huge { line-height: 42px; height: 46px } .button.huge.absolute-left, .button.huge.absolute-right, .huge .button.absolute-left, .huge .button.absolute-right { margin-top: -24px } .button.huge.active, .button.huge.active:first-child, .button.huge:active, .button.huge:first-child:active, .huge .button.active, .huge .button.active:first-child, .huge .button:active, .huge .button:first-child:active { padding: 1px 19px } .button.huge.disabled, .button.huge:disabled, .disabled .huge .button, .huge .button.disabled, .huge .button:disabled, .huge.disabled .button { padding: 0 18px } .huge > .button-icon { margin: -1px -19px -1px 15px; padding: 0 18px } .huge > .button-icon.left-side { margin: -1px 15px -1px -19px } .button-group { display: inline-block; line-height: 30px; height: 30px; padding-right: 1px } .ie7 .button-group { display: inline; margin-right: 4px } p > .button-group { margin-top: -8px; margin-bottom: -6px } .button-height .button-group { margin-top: -2px; margin-bottom: 2px } .button-group.absolute-left, .button-group.absolute-right { margin-top: -15px } .button-group > .button, .ie7 .button-group > .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: right; margin-right: -1px } .backgroundLoader, .divLoader { z-index: 1000; border-radius: 70px } .button-group > .button:first-child { border-right-width: 1px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-bottom-radius: 4px } .button-group > .button:last-child { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px } .divLoader { position: relative; margin-top: 1px; margin-left: 1px; background: url(../Content/img/spinner.gif); width: 64px; height: 64px } .backgroundLoader { background-color: #fff; position: fixed; top: 50%; left: 50%; right: 50%; margin-top: -50px; padding: 2px; width: 75px; height: 75px; display: flex; align-items: center; justify-content: space-evenly } .loading { background: url(../Content/img/spinner.gif); width: 63px; height: 63px; margin-right: 68px; -webkit-animation: 2s linear infinite spin; animation: 2s linear infinite spin } .loader { display: inline-block; zoom: 1; width: 16px; height: 16px; line-height: 16px; background: url(/Content/img/standard/loaders/loading16.gif) center center no-repeat; margin-top: -1px; margin-bottom: 1px } .overlay { background-color: rgba(0,0,0,.2); z-index: 9990000000; position: fixed; left: 0; top: 0; width: 100%; height: 300%; display: none } .ajaxloader, .bg-white { background-color: #fff } ​ .input .loader:first-child { margin-right: -1px } .input .loader.last-child, .input .loader:last-child { margin-left: -1px } .loader.waiting { background-image: url(/Content/img/standard/loaders/waiting16.gif) } .loader.working { background-image: url(/Content/img/standard/loaders/working16.gif) } .loader.refreshing { background-image: url(/Content/img/standard/loaders/refreshing16.gif) } .loader.on-dark { background-image: url(/Content/img/standard/loaders/loading16_anthracite.gif) } .loader.waiting.on-dark { background-image: url(/Content/img/standard/loaders/waiting16_anthracite.gif) } .loader.working.on-dark { background-image: url(/Content/img/standard/loaders/working16_anthracite.gif) } .loader.refreshing.on-dark { background-image: url(/Content/img/standard/loaders/refreshing16_anthracite.gif) } .loader.big { background-image: url(/Content/img/standard/loaders/loading32.gif); width: 32px; height: 32px } .loader.big.waiting { background-image: url(/Content/img/standard/loaders/waiting32.gif) } .loader.big.working { background-image: url(/Content/img/standard/loaders/working32.gif) } .loader.big.refreshing { background-image: url(/Content/img/standard/loaders/refreshing32.gif) } .loader.big.on-dark { background-image: url(/Content/img/standard/loaders/loading32_anthracite.gif) } .loader.big.waiting.on-dark { background-image: url(/Content/img/standard/loaders/waiting32_anthracite.gif) } .loader.big.working.on-dark { background-image: url(/Content/img/standard/loaders/working32_anthracite.gif) } .loader.big.refreshing.on-dark { background-image: url(/Content/img/standard/loaders/refreshing32_anthracite.gif) } .loader.huge { background-image: url(../Content/img/spinner.gif); width: 64px; height: 64px; margin-left: -70px } .loader.huge.waiting { background-image: url(/Content/img/standard/loaders/waiting64.gif) } .loader.huge.working { background-image: url(/Content/img/standard/loaders/working64.gif) } .loader.huge.refreshing { background-image: url(/Content/img/standard/loaders/refreshing64.gif) } .loader.huge.on-dark { background-image: url(/Content/img/standard/loaders/loading64_anthracite.gif) } .loader.huge.waiting.on-dark { background-image: url(/Content/img/standard/loaders/waiting64_anthracite.gif) } .loader.huge.working.on-dark { background-image: url(/Content/img/standard/loaders/working64_anthracite.gif) } .loader.huge.refreshing.on-dark { background-image: url(/Content/img/standard/loaders/refreshing64_anthracite.gif) } .big-message, .message { display: block; position: relative; border-width: 1px; border-style: solid; line-height: 16px; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3); -moz-box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3); box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3) } .message { padding: 6px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000 } .message .icon { margin-top: -3px } .message.compact { padding: 3px 4px; font-size: 11px; line-height: 12px } .big-message { padding: 16px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgba(0,0,0,.6) } .big-message strong { color: #000; font-size: 18px; font-weight: 400 } .no-touch .tabs > li.disabled > a:hover, .tabs > li, .tabs > li.disabled > a { color: silver } .big-message.silver-gradient, .big-message.white-gradient, .message.silver-gradient, .message.white-gradient { -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3); -moz-box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3); box-shadow: inset 0 1px 0 #fff,0 1px 5px rgba(0,0,0,.3); color: rgba(0,0,0,.6) } .big-message.anthracite-gradient, .big-message.black-gradient, .big-message.blue-gradient, .big-message.green-gradient, .big-message.grey-gradient, .big-message.orange-gradient, .big-message.red-gradient, .message.anthracite-gradient, .message.black-gradient, .message.blue-gradient, .message.green-gradient, .message.grey-gradient, .message.orange-gradient, .message.red-gradient { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 1px 5px rgba(0,0,0,.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 1px 5px rgba(0,0,0,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 1px 5px rgba(0,0,0,.4) } .big-message.anthracite-gradient strong, .big-message.black-gradient strong, .big-message.blue-gradient strong, .big-message.green-gradient strong, .big-message.grey-gradient strong, .big-message.orange-gradient strong, .big-message.red-gradient strong, .message.anthracite-gradient, .message.black-gradient, .message.blue-gradient, .message.green-gradient, .message.grey-gradient, .message.orange-gradient, .message.red-gradient, .notification.no-title > a, .notification.no-title > div, .notification > a > b, .notification > div > a, .notification > div > b { color: #fff } .big-message.anthracite-gradient, .big-message.black-gradient, .big-message.blue-gradient, .big-message.green-gradient, .big-message.grey-gradient, .big-message.orange-gradient, .big-message.red-gradient { color: rgba(255,255,255,.45) } .big-message.simpler, .message.simpler { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .big-message-icon { float: right; margin: 0 -3px 0 17px; text-align: center } .big-message-icon:before { display: block; font-weight: 400; font-style: normal; font-family: EntypoRegular; font-size: 80px; line-height: 36px; margin: 0 } .big-message-icon.with-text { margin: -6px -6px -6px 20px } .big-message-icon.with-text:before { font-size: 56px; line-height: 29px } .big-message-icon.left-side { float: left; margin-right: 17px; margin-left: -6px } .big-message-icon.with-text.left-side { margin-right: 20px; margin-left: -6px } .side-tabs, .standard-tabs, .swipe-tabs { border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; overflow: hidden; position: relative; zoom: 1 } .tabs { list-style-type: none; margin: 0; border-radius: 6px } .tabs > li { border-top: 1px solid #ccc } .tabs > li > a { display: block; margin: -12px -12px -12px -30px; color: #666 } .tabs > li > a:focus { outline: 0 } .tabs-content { background: #fff; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden } .tabs-back { display: block; padding: 12px 30px 12px 12px; color: #666; border-bottom: 1px solid #ccc; cursor: pointer; position: relative; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 } .tabs-active > .tabs, .tabs-active > .tabs-content { position: absolute; top: 0; right: 0; width: 100% } .tabs-active > .tabs-content { right: 100% } .tabs-animated { -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s } .same-height .tabs-animated { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .tabs-animated > .tabs, .tabs-animated > .tabs-content { -webkit-transition: right .3s; -moz-transition: right .3s; -ms-transition: right .3s; -o-transition: right .3s; transition: right .3s } .csstransforms .tabs-animated > .tabs, .csstransforms .tabs-animated > .tabs-content { -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -ms-transition: -ms-transform .3s; -o-transition: -o-transform .3s; transition: translatex .3s } .tab-opened > .tabs { right: -100% } .csstransforms .tab-opened > .tabs { right: 0; -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .csstransforms .tab-opened > .tabs-content { right: 100%; -webkit-transform: translatex(100%); -moz-transform: translatex(100%); -ms-transform: translatex(100%); -o-transform: translatex(100%); transform: translatex(100%) } .inner-tabs { border: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-top-left-radius: 0 } .with-padding > .inner-tabs { margin: -20px } #bottom-notifications, #top-notifications { position: fixed; z-index: 999400; left: 0; right: 0; text-align: right } #top-notifications { top: 0 } #bottom-notifications { bottom: 0 } #bottom-notifications > ul, #top-notifications > ul { list-style-type: none; margin: 0 } .notification { border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px; position: relative; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 2px 7px rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 2px 7px rgba(0,0,0,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 2px 7px rgba(0,0,0,.5) } .notification > .close { margin: -3px 0 0 -3px } .notification > a, .notification > div { display: block; text-decoration: none; padding: 6px 10px; color: inherit; margin: 0 } .notification > a > h3, .notification > div > h3 { color: #fff; font-size: 16px; line-height: 19px; margin-bottom: 4px } .notification.silver-gradient.no-title > a, .notification.silver-gradient.no-title > div, .notification.silver-gradient > a > b, .notification.silver-gradient > a > h3, .notification.silver-gradient > div > b, .notification.silver-gradient > div > h3, .notification.white-gradient.no-title > a, .notification.white-gradient.no-title > div, .notification.white-gradient > a > b, .notification.white-gradient > a > h3, .notification.white-gradient > div > b, .notification.white-gradient > div > h3 { color: #333 } .notification-icon { float: right; margin: 7px 8px 7px 6px } .extra-notifications { padding: 2px 6px; font-weight: 700; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.5); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.5); box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.5); margin-bottom: 0 } .more-notifications { padding: 3px 7px; cursor: pointer } #tooltips, #tooltips-over { position: relative; top: 0; right: 0 } #tooltips { z-index: 999100 } #tooltips-over { z-index: 999500 } .tooltip { position: relative; white-space: nowrap; max-width: 500px } .message.inner-tooltip { position: relative; display: block; right: 50%; bottom: 100%; text-align: center; margin: 0 0 10px; min-width: 16px; max-width: 250px; z-index: 89; pointer-events: none; white-space: nowrap } .message.inner-tooltip.left { right: 100%; top: 50%; bottom: auto; margin: -15px 10px 0 0 } .message.inner-tooltip.bottom { top: 100%; bottom: auto; margin: 10px 0 0 } .message.inner-tooltip.right { right: auto; left: 100%; top: 50%; bottom: auto; margin: -15px 0 0 10px } .message.inner-tooltip.left.compact, .message.inner-tooltip.right.compact { margin-top: -10px } .tooltipPublishJob .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 1s } .tooltipPublishJob .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent } .tooltipPublishJob:hover .tooltiptext { visibility: visible; opacity: 1 } .hidden, .invisible { visibility: hidden } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:link { -webkit-tap-highlight-color: #349edb } .ie7 img, .iem7 img { -ms-interpolation-mode: bicubic } #main-title:after, #main-title:before, #profile:after, #profile:before, .blocks-list:after, .blocks-list:before, .clearfix:after, .clearfix:before, .columns:after, .columns:before, .definition.inline:after, .definition.inline:before, .inline-label:after, .inline-label:before, .inline-large-label:after, .inline-large-label:before, .inline-medium-label:after, .inline-medium-label:before, .inline-small-label:after, .inline-small-label:before, .left-column-200px:after, .left-column-200px:before, .left-column-290px:after, .left-column-290px:before, .notification:after, .notification:before, .right-column-200px:after, .right-column-200px:before, .right-column-290px:after, .right-column-290px:before { content: "\0020"; display: block; height: 0; visibility: hidden } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: right; direction: ltr } .hidden { display: none } .visuallyhidden { position: absolute; clip: rect(0 0 0 0); overflow: hidden; margin: -1px; padding: 0; height: 1px; width: 1px; border: 0 } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; clip: auto; overflow: visible; height: auto; margin: 0; width: auto } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px transparent inset } .arrow-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #3468af } ul.progressbar { height: 30px; padding: 0; counter-reset: step; margin-right: -8px } ul.progressbar li { list-style-type: none; color: #a5a5a5; float: right; position: relative; text-align: center; font-size: 15px; z-index: 2 } ul.progressbar li:before { content: counter(step); counter-increment: step; color: #000; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; display: block; text-align: center; margin: 0 auto 5px; background: #d8d8d8; z-index: 3 } ul.progressbar li:after { content: ""; background: #ddd; position: absolute; width: 100%; height: 14px; top: 5px; right: 50%; z-index: -1 } ul.progressbar li:last-child:after { content: none } ul.progressbar li.done:after, ul.progressbar li.done:before { background: #a7cf34; color: #fff } ul.progressbar li.current:before { background: #3468af; color: #fff } ul.progressbar li.fail:before { background: #e53028 } a.Progressa { z-index: 3; border: 7px dashed transparent; cursor: pointer; position: relative; top: -24px } .width-200px { width: 200px } .width-160px { width: 160px !important } .ajaxloader, .loadingcontainer { width: 100%; height: 100%; position: absolute } .padding-right { padding-right: 16px } .padding-left { padding-left: 16px } .padding-top-small { padding-top: 10px } div:has(> .loadingcontainer,> span .loadingcontainer) { position: relative } .ajaxloader { z-index: 5; display: none; opacity: .7; border-radius: 10px } .loadimg { position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px } .SearchEventTableForShow td, .SearchEventTableForShow th, .fieldset table td { padding: 10px } .message-menu span strong { font-size: 12px } .searchlist { height: 546px; overflow: auto } .padding-top { padding-top: 16px } .width-10-pct { width: 10% } .width-20-pct { width: 20% } .width-25-pct { width: 25%; border: 10px solid red } .width-30-pct { width: 30% } .width-40-pct { width: 40% } .SearchEventTable, .width-50-pct { width: 50% } .width-60-pct { width: 60% } .width-70-pct { width: 70% } .width-80-pct, .width-90-pct { width: 90% } .right-column { display: block; max-height: none; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background: url(/Content/img/textures/grid.png) #3c4044; background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0))),url(/Content/img/textures/grid.png) #3c4044; background: -webkit-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0)),url(/Content/img/textures/grid.png) #3c4044; background: -moz-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0)),url(/Content/img/textures/grid.png) #3c4044; background: -ms-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0)),url(/Content/img/textures/grid.png) #3c4044; background: -o-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0)),url(/Content/img/textures/grid.png) #3c4044; background: linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0)),url(/Content/img/textures/grid.png) #3c4044; -webkit-box-shadow: inset -5px 5px 30px rgba(0,0,0,.75); -moz-box-shadow: inset -5px 5px 30px rgba(0,0,0,.75); box-shadow: inset -5px 5px 30px rgba(0,0,0,.75); -webkit-transition: margin-left .2s; -moz-transition: margin-left .2s; -o-transition: margin-left .2s; transition: margin-left .2s; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #expandcollapsescreen { line-height: 22px; width: 25px; display: block } .width-60px { width: 60px; display: inline-block } h3.HeaderBlink:hover { float: right } .ClearFloats { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; width: 0; font-size: 0px } .ribbon-inner-ltr, .ribbon-inner-rtl { font-weight: 700; font-size: 14px; line-height: 15px; padding: 7px 0; -webkit-text-shadow: rgba(0,0,0,0.25) 0 1px 1px; -moz-text-shadow: rgba(0,0,0,0.25) 0 1px 1px; text-shadow: rgba(0,0,0,.25) 0 1px 1px; text-align: center } .FixTextLen { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .selecedCand-bg, .white-gradient, .white-gradient:visited, .white-gradient > .select-arrow, .white-gradient > .select-value { color: #111; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-color: #d3d3d3; border-color: #ccc } .white-gradient > .select-arrow:hover, .white-gradient > a.select-value:hover, :hover > .button-icon.white-gradient, a.white-gradient:hover, button.white-gradient:hover { color: #666; background: url(/Content/img/old-browsers/colors/bg_a_white-gradient_hover.png) 0 0/100% 100% repeat-x #edf0f2; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#fefefe),to(#edf0f2)); background: -webkit-linear-gradient(top,#fefefe,#edf0f2); background: -moz-linear-gradient(top,#fefefe,#edf0f2); background: -ms-linear-gradient(top,#fefefe,#edf0f2); background: -o-linear-gradient(top,#fefefe,#edf0f2); background: linear-gradient(top,#fefefe,#edf0f2); border-color: #ccc } .button-icon.glossy.white-gradient, .glossy > .button-icon.white-gradient, .white-gradient.glossy, .white-gradient.glossy > .select-arrow, .white-gradient.glossy > .select-value { background: url(/Content/img/old-browsers/colors/bg_white-gradient_glossy.png) 0 0/100% 100% repeat-x #e8e8eb; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#fafafc),to(#e8e8eb),color-stop(.5,#ededf0),color-stop(.5,#e3e3e5)); background: -webkit-linear-gradient(top,#fafafc,#ededf0 50%,#e3e3e5 50%,#e8e8eb); background: -moz-linear-gradient(top,#fafafc,#ededf0 50%,#e3e3e5 50%,#e8e8eb); background: -ms-linear-gradient(top,#fafafc,#ededf0 50%,#e3e3e5 50%,#e8e8eb); background: -o-linear-gradient(top,#fafafc,#ededf0 50%,#e3e3e5 50%,#e8e8eb); background: linear-gradient(top,#fafafc,#ededf0 50%,#e3e3e5 50%,#e8e8eb) } .glossy:hover > .button-icon.white-gradient, .white-gradient.glossy > .select-arrow:hover, .white-gradient.glossy > a.select-value:hover, :hover > .button-icon.glossy.white-gradient, a.white-gradient.glossy:hover, button.white-gradient.glossy:hover { background: url(/Content/img/old-browsers/colors/bg_a_white-gradient_glossy_hover.png) 0 0/100% 100% repeat-x #f5f5f7; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#fefeff),to(#f5f5f7),color-stop(.5,#f5f5f7),color-stop(.5,#efeff1)); background: -webkit-linear-gradient(top,#fefeff,#f5f5f7 50%,#efeff1 50%,#f5f5f7); background: -moz-linear-gradient(top,#fefeff,#f5f5f7 50%,#efeff1 50%,#f5f5f7); background: -ms-linear-gradient(top,#fefeff,#f5f5f7 50%,#efeff1 50%,#f5f5f7); background: -o-linear-gradient(top,#fefeff,#f5f5f7 50%,#efeff1 50%,#f5f5f7); background: linear-gradient(top,#fefeff,#f5f5f7 50%,#efeff1 50%,#f5f5f7) } .active > .button-icon.white-gradient, .button.white-gradient:active, .switch-off, .white-gradient.active, :active > .button-icon.white-gradient, a.white-gradient:active, button.white-gradient:active { background: url(/Content/img/old-browsers/colors/bg_a_white-gradient_active.png) repeat-x #f0f0f0 !important; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background: -webkit-gradient(linear,right top,right bottom,from(#e0e0e0),to(#f0f0f0)) !important; background: -webkit-linear-gradient(top,#e0e0e0,#f0f0f0) !important; background: -moz-linear-gradient(top,#e0e0e0,#f0f0f0) !important; background: -ms-linear-gradient(top,#e0e0e0,#f0f0f0) !important; background: -o-linear-gradient(top,#e0e0e0,#f0f0f0) !important; background: linear-gradient(top,#e0e0e0,#f0f0f0) !important; border-color: #ccc } @media (max-width:2500px) { .BodyMessage { height: 180px } .hide_from_list { display: none } .show_in_div { display: compact } .tabscontainer { height: 110px } .logo-size { max-width: 160px } } @media (max-width:1353px) { .logo-size { max-width: 60px } } @media (min-width:1550px) { .logo-size { max-width: 200px } } @media (max-width:1416px) { .logo-size { max-width: 80px } } @media (max-width:1110px) { nav ul { display: none } nav mobilenav { display: inline-block; margin-top: 26px } .BodyMessage { height: 80px } .tabscontainer { height: 113px } .logo-size { max-width: 90px } } @media (max-width:479px) { #open-menu { margin-top: 0 } #menu { position: fixed; top: 69px } .BodyMessage { height: 80px } #menu-content { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.8); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.8); box-shadow: 0 1px 0 rgba(255,255,255,.5),0 -1px 1px rgba(0,0,0,.8); position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .no-boxshadow #menu-content { border: 1px solid #2c3033 } #menu-content:after { display: none } .pointerevents #menu-content:after { display: block; content: ' '; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.75); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.75); box-shadow: inset 0 1px 3px rgba(0,0,0,.75) } .logo-size { max-width: 40px } } .link { color: #607890 } .jobsTextStyle, .link:hover { color: #3db5e7; cursor: pointer } .link:active {opacity:0.75;} .ribbon-inner-ltr { display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: inherit; right: -7px; top: 17px; width: 120px; box-shadow: 0 1px 3px rgba(0,0,0,.3) } .ribbon-ltr, .ribbon-rtl { display: block; height: 88px; overflow: hidden; z-index: 88; top: -13px; position: relative } .ribbon-rtl { width: 85px; left: -13px; float: left } .ribbon-ltr { width: 90px; left: 13px; float: right } .new_ribbon-ltr, .new_ribbon-rtl { display: block; height: 88px; overflow: hidden; z-index: 0; left: 0 } .ribbon-inner-rtl { display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: inherit; right: -17px; top: 15px; width: 120px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3) } .new_ribbon-rtl { position: absolute; top: 0; width: 85px; float: left } .new_ribbon-ltr { position: absolute; top: 0; right: -13px; width: 115px; float: right } .jobsTextStyle { height: 100%; width: 90px; display: inline-block; font-size: 15px; font-weight: 600 } .CloseDiv { color: red; cursor: pointer; font-weight: 700; padding-top: 2px; padding-bottom: 2px; display: block; box-sizing: border-box; width: 20px; height: 20px; border: 3px solid red; border-radius: 100%; background: -webkit-linear-gradient(-45deg,transparent 0,transparent 46%,#fff 46%,#fff 56%,transparent 56%,transparent 100%),-webkit-linear-gradient(45deg,transparent 0,transparent 46%,#fff 46%,#fff 56%,transparent 56%,transparent 100%); background-color: red; box-shadow: 0 0 5px 2px rgba(0,0,0,.5); transition: .3s; margin-bottom: 5px } .input_search { width: 150px } .SearchEventTable td { padding: 3px } .SearchEventTableForShow { width: 99% } .searchfield { display: block; width: 100%; text-align: center } .searchfield form { display: inline-block; background: #eeefed; padding: 5px; margin: 5px 0 0; border-radius: 3px } .searchfield form .biginput { width: 204px; height: 40px; padding: 0 10px; background-color: #fff; border: 1px solid #c8c8c8; border-radius: 3px; color: #aeaeae; font-weight: 400; font-size: 1.5em; -webkit-transition: .2s linear; -moz-transition: .2s linear; transition: .2s linear } .searchfield form .biginput:focus { color: #858585 } .autocomplete-suggestions, .ui-autocomplete { border: 1px solid #999; background: #fff; cursor: default; overflow-x: hidden; overflow-y: auto; max-height:300px; color: Gray } .autocomplete-suggestion, .ui-autocomplete .ui-menu-item { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden } .ui-menu .ui-menu-item-wrapper { padding: 0; } .autocomplete-selected, .ui-widget-content.ui-autocomplete .ui-menu-item:has(.ui-state-active), .table.double-rows > tbody > tr:nth-child(odd):hover + tr { background: #f0f0f0 } .ui-widget-content.ui-autocomplete .ui-state-active {background: inherit; color:inherit; margin: inherit;} .autocomplete-suggestions strong, .ui-menu-item-wrapper strong { font-weight: 400; color: #39f } .icon-flash { content: url("/Content/img/auto-flash.png"); width: 15px } .div_hover { background-color: #fff !important } .div_hover:hover { background-color: #dddddd66 !important } .toolTip { direction: rtl; text-align: right; opacity: 10; padding: 0; position: absolute; bottom: 26px; left: -42px; border: 1px solid #7da5e0; background-color: #bfd7f3; color: #000 } .no_rel, div.sticky-header + div:not(.sticky-header) { position: relative } .ToolTiptable { background: #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; border-left: 1px solid #000; width: 100%; border-width: 1px } .ui-state-highlight { line-height: 1.2em } .clear { font-size: 1px; height: 1px } .clear2 { font-size: 10px; height: 10px } .ltr { direction: ltr } .rtl { direction: rtl } .bidi-override { unicode-bidi: bidi-override } .bidi-plaintext { unicode-bidi: plaintext } .opinions-and-interview-summaries .FixTextLen { border-bottom: 1pt dotted #d3d3d3 } .opinions-and-interview-summaries .FixTextLen:before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid currentColor; vertical-align: middle; margin-left: .7rem; transform: translateY(-2px); transition: transform .2s ease-out } .opinions-and-interview-summaries .FixTextLen.expanded:before { transform: rotate(270deg) } .opinions-and-interview-summaries .FixTextLen pre { padding-bottom: 5px; padding-top: 20px; margin-bottom: -17px; margin-top: -26px } .opinions-and-interview-summaries .FixTextLen pre textarea { margin-top: 9px; display: none } .opinions-and-interview-summaries .FixTextLen.expanded pre textarea { margin-top: 9px; display: block } strong.select2-results__group:hover { background-color: #c7c7c7 } .select2-search-buttons { text-align: center; display: flex; flex-wrap: nowrap; justify-content: space-around } .select2-search-buttons .select2-search-button { border-radius: 0; border: 0; white-space: nowrap; padding: 0 11px; min-width: 0; flex-grow: 1 } .select2-search-buttons .select2-search-button:last-child { padding-left: 22px } .image { margin-top: -1px; cursor: pointer } .simple-table > tbody > tr:not(:first-child) { border-top: 1px solid #e6e6e6 } .standard-tabs > ul.tabs { display: flex; flex-wrap: nowrap } .standard-tabs > ul.tabs > li { width: -webkit-fill-available; min-width: fit-content } .standard-tabs.large-font > ul.tabs > li.active { position: relative; top: -2px } div:has(.sticky-header) { overflow: unset !important } div:has(> .sticky-header) { overflow: unset !important; display: flex; flex-direction: column; flex-wrap: wrap } table:has(> .sticky-header) { overflow: unset !important } .sticky-header.is-pinned { z-index: 95 } .sticky-header.is-pinned ~ div thead.sticky-header { top: 254px } div.sticky-header-container { overflow: unset !important; display: flex; flex-direction: column; flex-wrap: wrap } table.sticky-header-container { overflow: unset !important; position: sticky } .sticky-header { position: sticky; top: 118px; z-index: 93 } .sticky-header.full-width.is-pinned { margin-left: -31px; margin-right: -31px } .candidateField { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row } .candsTextStyle, .candsTextStyleManager { height: 100%; width: 90px; display: inline-block; vertical-align: middle; color: #3468af; font-size: 15px; font-weight: 600; cursor: pointer } @media only screen and (min-width:768px) { .js-login #container { top: 40% !important } } .white-space-pre-line { white-space: pre-line } .select2-container--default .select2-results__group { position: sticky; background-color: #e3e5ea; color: #595959; top: 0; z-index: 1 } .table.double-rows > tbody > tr:nth-child(odd):has(+ tr:hover) { background: #f0f0f0 } .candsTextStyleManager { margin-top: 40px } .select.invalid, .select2.invalid, input.invalid { box-shadow: 0px 0px 5px red; } .select2-container--default .select2-selection--multiple .select2-selection__choice {width:min-content !important;} .select2-container--default .select2-selection--multiple .select2-selection__choice {width:min-content;} .select2.select2-container--disabled {cursor:not-allowed;} .select2.select2-container--disabled .select2-selection {pointer-events:none;} .inline-flex {display:inline-flex;} .inactive {opacity: 0.6;} input.input-unstyled:invalid,textarea.input-unstyled:invalid {box-shadow: none; -moz-box-shadow: none;-webkit-box-shadow: none; border-radius:0px;} .input:has(input.input-unstyled:invalid, textarea.input-unstyled:invalid) {border-radius: 1px;-moz-box-shadow: 0 0px 5px red;-webkit-box-shadow: 0 0px 5px red;box-shadow: 0 0px 5px red;} .menuTooltipTable {border-spacing:0px;border-collapse:separate;} .menuTooltipTable tr td {padding:5px;} .menuTooltipTable tr:hover {background-color:#28282894;} .menuTooltipTable td span {line-height:25px;} .menuTooltipIcon {display:inline-block;} .menuTooltipIcon.large {width:50px;height:50px;} .menuTooltipIcon.small {width:25px;height:25px;} .menuTooltipText {vertical-align:middle;}