/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
Shared Styles
----------------------------------------- */
body { background: #fff !important; }
body.white-body { background: #fff; }
body.grey-body { background: #e8e8e8; }
.light-grey {color: #7a7a7a;}
.container { padding-top: 30px; }
.container.blue { padding-top: 26px; background-color: #E8E8E8; /*min-height:200px;*/ }
.container.white { background-color: white; }
.container.top { background-color: white; max-width: 100%; }
.container.top .row { background-color: transparent; position: relative;}
.container.top.pills { padding-top: 0; }
div.logo img {max-width: 145px; max-height: 65px; margin-top: -22px; margin-left: -6px;}
.inner-shadow { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; }
body.ie7 .main-menu ul li { margin-right: 20px; float: left; }
body.ie7 .main-menu ul { padding-bottom: 20px; }
body.ie7 .pill a { position: relative; bottom: 0; }
body.ie7 ul.ie7-width { margin-top: 50px; margin-bottom: 10px !important; }
body.ie7 ul.ie7-width li.pill { float: left; overflow: hidden; }
body.ie7 .ie7-padding { padding-bottom: 15px; }
body.ie7 a.red-link { display: block; margin-top: 45px; }
ul.sign-up { float: right; margin-top: 10px; margin-bottom: 0px; }
ul.sign-up li { display: inline-block; text-align: right; margin-left: 5px; }
body.ie7 ul.sign-up li { display: inline; }
ul.sign-up li #signUp { font-weight: bold; }
ul.footer-nav { padding: 0; margin: 0; font-size: 13px;}
ul.footer-nav li { display: block; float: left; padding-right: 15px; margin-bottom: 0px; min-width: 140px;}
ul.footer-nav li a { color: #6d6d6d; }
ul.footer-nav li a:hover { color: #ff4200; }
a { color: #ff4200; }
a:hover { color: #ff4200; }
.spellcheck-suggestion:hover { color: #ff4200; text-decoration: underline;}
a#accountLink {
font-weight: bold; color: #555; height: 30px; display: inline-block;
background-image: url('../images/header/menu-icon-dropdown-off.png');
background-repeat: no-repeat;
background-position: 100% 0;
padding-right: 20px;
}
a#accountLink:hover {
font-weight: bold; color: #000;
background-image: url('../images/header/menu-icon-dropdown.png');
}
a#account-link {
font-weight: bold; color: #666; height: 30px; display: inline-block;
background-image: url('../images/header/menu-icon-dropdown-off.png');
background-repeat: no-repeat;
background-position: 100% 0;
padding-right: 20px;
}
a#account-link:hover {
font-weight: bold; color: #000;
color: #222;
background-image: url('../images/header/menu-icon-dropdown.png');
}
a#menuLink { font-weight: bold; color: #555; width: 40px; float: right; height: 30px; display: inline-block; margin-top:4px;}
a#menuLink:hover { font-weight: bold; color: #000; z-index: 99999;}
body.ie7 #accountLink { height: 18px; }
body.ie7 #account-link { height: 18px; }
#xendoLink { font-weight: bold; color: #6d6d6d; }
#xendoLink:hover { color: #000000; }
.no-bottom-margin { margin-bottom: 0; }
.home-header { height: 100px; }
.search-header { height: 50px; padding-top: 60px; z-index: 1; }
.cloud-header { z-index: -1; position: absolute !important; margin-top: 25px !important; width: 100%; }
.cloud-header.home { top: 10px; }
.cloud-header.app-cloud { top: 34px; }
body.ie7 .cloud-header.home { top: -20px; left: 0px; }
body.ie7 .cloud-header.app-cloud { top: 0px; left: 0px; }
.dotted-rule { background: url(../images/footer/dotted-rule.png) no-repeat; height: 10px; margin-bottom: 20px; }
.bottom-shadow {
-webkit-box-shadow: 0 4px 6px -6px black;
-moz-box-shadow: 0 4px 6px -6px black;
box-shadow: 0 4px 6px -6px black;
}
.no-top-margin { margin-top: 0 !important; }
.clear-padding-top { padding-top: 0; }
body.ie8 .clear-padding-top { padding-top: 1px; }
.small-bottom-margin { margin-bottom: 10px; }
.z-index-top { position: relative; z-index: 2001; }
.align-left { text-align: left; }
div.mobile-header { height: 70px; background: #e8e8e8; }
a.xendo-close-tip { position: absolute; top: -2px; right: 5px; color: #666; font-size: 20px; font-weight: bold; border-bottom: none !important; z-index: 101;}
.mobile-top-padding { padding-top: 30px; }
#largeNiceInput {font-size:1.6rem; height:44px;}
.sub-message {display:block;}
.home-service-logo {width:7%; padding-right:6px;}
a#advanced-filter-link {
font-weight: bold; color: #555; height: 30px; display: inline-block;
background-image: url('../images/header/menu-icon-dropdown-off.png');
background-repeat: no-repeat;
background-position: 100% 0;
padding-right: 20px;
}
a#advanced-filter-link:hover {
font-weight: bold; color: #000;
background-image: url('../images/header/menu-icon-dropdown.png');
}
.filter-label {font-weight: bold; font-size: 13px; margin-bottom: 4px;}
.filter-description {display: block; font-size: 13px; font-style: italic;}
.filter-label-icon { height: 10px; margin-top: 2px; margin-right: 10px;}
.filter-menu {font-size: 13px;}
@media handheld, only screen and (max-width: 767px) {
div.message h1 {padding-bottom: 10px; font-size:40px !important; 4.0rem !important;}
.sub-message {display:none;}
.container.top.no-mobile-padding { padding-right: 0 !important; padding-left: 0 !important; padding-top: 0px !important; }
.container.no-top-padding.blue.no-mobile-padding { padding-right: 0!important; padding-left: 0!important; }
div.placard { margin-bottom: 0px !important; margin-top: -1px !important; }
.no-mobile-bottom-margin { margin-bottom: 0px !important; }
div.logo { padding: 20px; margin-bottom: 20px;}
div.logo img { margin-bottom: 10px; max-height:50px; padding-top:6px;}
ul.sign-up li { margin-right: 5px; font-size: 14px; display: inline; }
div.mobile-header { width: 100%; }
/* .service-container { max-width: 250px; } */
.white-logo {margin-left:20px;}
.main-search {margin-bottom:0;}
}
@media handheld, only screen and (max-width: 767px) {
div.search-progress-indicator h3 {font-size:15px !important; 1.5rem !important;}
.no-results {font-size:15px !important; 1.5rem !important;}
}
table {
width:100%;
}
.loading {
background: url('../images/spinner.gif') no-repeat center center !important;
}
.loading-panel{
background: #e4e4e4 url('../images/spinner.gif') no-repeat center center;
min-height:80px;
display:none;
}
.loading-payment{
height:18px;
margin-bottom:-5px;
}
.loading-preview{
background: url('../images/spinner.gif') no-repeat center center / 14px 14px !important;
}
.typer-text {
font-weight:normal; font-family: 'Helvetica Neue', 'Helvetica', Arial, Verdana, sans-serif; background: url('/static/images/search/searchx2.png') no-repeat right 7px center #fff; padding-right:7px;
}
/*
.loading-filter-panel {
background: url('../images/spinner.gif') no-repeat center center / 18px 18px !important;
}
*/
.top-menu {
padding-top:20px;
height: 40px;
width: 100%;
/* background-color: rgba(0, 0, 0, 0.701961);
*/ background-color: #fff;
font-size:16px;
}
.top-nav-container {text-align:right;color:white;margin-top:40px;}
.top-nav-container > ul > li {display:inline;margin-left:8px;margin-right:8px;}
/*.top-nav-container > ul > li:before {content: " | ";margin-left:7px;margin-right:7px;color:#666;}
*/.top-nav-container > ul > li:first-child:before {content: none;margin-right:0;}
.top-nav-container > ul > li a {cursor: hand; text-overflow:ellipsis; color: #666;}
.top-nav-container > ul > li a:hover {color: #222;}
.top-nav-container .login-button {
font-weight:bold;
border: 2px solid #e8e8e8;
border-radius:2px;
padding: 4px 20px 6px 20px;
}
.top-nav-container .login-button:hover {
border: 2px solid #555;
background-color: #666;
color: #fff;
}
.announcement {
height: 40px;
width: 100%;
background-color: rgba(0, 0, 0, 0.701961);
display:none;
}
@media handheld, only screen and (max-width: 767px) {
.announcement {display:none;}
}
#companyLogo {
margin-top:14px;
max-height: 46px;
max-width: 134px;
}
.landing-page-headline {
color:white;
font-weight: bold;
margin-bottom: 14px;
}
.landing-page-headline > a {
color:white;
text-decoration: underline;
}
.landing-page-headline > a:hover {
color:#ff4200;
}
/* -----------------------------------------
Icon sizes
----------------------------------------- */
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
/* -----------------------------------------
Content
----------------------------------------- */
.feature-exists {
background-image:url('../images/admin/green-check.png');
background-repeat: no-repeat;
width: 22px;
height: 22px;
display:block;
}
.feature-description {margin-bottom: 6px;}
/* -----------------------------------------
Dialog
----------------------------------------- */
.dialog-content {
}
.dialog-footer{
text-align: right;
}
.dialog-footer button {
display: inline !important;
}
.faq-indent {
border-left-style: solid;
border-left-color: #F5F5F5;
border-left-width: 3px;
padding-left: 20px;
}
#more-container {background-color: #E8E8E8; padding-top: 25px; padding-bottom: 25px; text-align: center;}
/* -----------------------------------------
Footer
----------------------------------------- */
.footer-container { padding: 40px 0 40px 0; margin-bottom: 0; min-height:0 !important; bottom:0;}
.footer-container-white { margin-top: 20px; padding: 0 0 30px 0; }
p.copyright { text-align: right; }
.end-flag.one.columns.centered.hide-on-phones img { max-height: 21px; max-width: 20px; }
@media handheld, only screen and (max-width: 767px) {
p.copyright { text-align: left; font-size:13px; padding-top:10px; }
ul.footer-nav, .rights { padding-left: 0px; }
.dotted-rule { overflow: hidden; }
.footer-container { padding: 0 20px 10px 20px; }
.no-top-padding { padding-top: 0 !important; }
.end-flag { margin-top: 35px; }
.footer-container { padding-right: 0 !important; padding-left: 0 !important; }
.footer-padding { padding: 0 0 0 20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.connect-services { padding-left: 5px !important; padding-right: 5px !important; }
}
/* --------------------------------------------------
Buttons
-------------------------------------------------- */
.button {
background: #ff2a00;
display: inline-block;
text-align: center;
padding: 9px 34px 11px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 13px; font-size: 1.3rem;
line-height: 1;
font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
position: relative;
cursor: pointer;
border: none;
outline: none;
margin: 0;
border-radius: 2px;
}
.button.nice {
background: #ff2a00;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 0 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
background: #ff2a00, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
border: 1px solid #d72704;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
}
.button.nice.dark.table-button {
background: #444c4f;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 0 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
background: #444c4f, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
background: #444c4f, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
border: 1px solid #000000;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
font-size: 10px;
padding: 4px 25px 4px;
}
/*body.ff .cta-data .button { padding-top: 0px !important; }*/
body.IE9 .cta-data.button { width: 100%; }
.button.nice:hover { background: #e72601; }
.main-search .button { width: 60%; }
body.ie7 .main-search .button { width: 40%; height: 100% !important; float: none; position: relative; }
.cta-data .button { width: 60%; }
.button.nice.dark {
background: #444c4f;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
box-shadow: inset 0 0 0 rgba(255,255,255,.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
background: #444c4f, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
background: #444c4f, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
border: 1px solid #444c4f;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
}
.button.nice.dark:hover { background: #000000; }
.view-button { position: absolute; top: -35px;}
body.windows.chrome .view-button { top: -30px; }
.chrome .container .global-message { top: -30px; }
.view-button-list { position: relative; float: right; }
/* Preview, Open, Download styling */
.button-preview-document{padding: 0;background: url('../images/buttons/preview-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-preview-document:hover{cursor:pointer;background: url('../images/buttons/preview-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-slidedown-preview-document{padding: 0;background: url('../images/buttons/preview-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-slidedown-preview-document:hover{cursor:pointer;background: url('../images/buttons/preview-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-open-document{padding: 0;background: url('../images/buttons/open-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-open-document:hover{cursor:pointer;background: url('../images/buttons/open-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-download-document{padding: 0;background: url('../images/buttons/download-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-download-document:hover{cursor:pointer;background: url('../images/buttons/download-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-expand-document{padding: 0;background: url('../images/buttons/expand-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-expand-document:hover{cursor:pointer;background: url('../images/buttons/expand-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-expand-document.collapse{padding: 0;background: url('../images/buttons/collapse-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-expand-document.collapse:hover{cursor:pointer;background: url('../images/buttons/collapse-icon-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-preview-document.close{padding: 0;background: url('../images/buttons/close-icon-off.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-preview-document.close:hover{padding: 0;background: url('../images/buttons/close-icon.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-slidedown-preview-document.close{padding: 0;background: url('../images/buttons/close-icon-off.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-slidedown-preview-document.close:hover{padding: 0;background: url('../images/buttons/close-icon.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-add-to-collection{padding: 0;background: url('../images/buttons/close-arrow-icon-off.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.button-add-to-collection:hover{padding: 0;background: url('../images/buttons/close-arrow-icon.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.preview-text {white-space: pre-wrap; font-size:13px; color:#555; padding:10px; margin-top:15px; margin-bottom:20px; border-style: solid; border:3px solid #E8E8E8; text-overflow: ellipsis; overflow:hidden;}
.preview-text:hover{cursor:pointer; border:3px solid #787878;}
.preview-text > div {margin-top:-30px;}
.preview-subject-item {font-weight:bold; background: #ffc;}
.preview-loading {text-align: center;}
.preview-loading > span {color: #7a7a7a; font-size: 22px;}
/* Warning */
/*.warning{padding: 0;background: url('../images/buttons/warning-icon-off-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}
.warning:hover{cursor:pointer;background: url('../images/buttons/warning-icon-on-x2.png') no-repeat right top / 20px 20px !important;min-width:20px;min-height:20px;}*/
.warning{background: url('../images/buttons/warning-icon-off-x2.png') no-repeat left top / 16px 16px !important; padding-left: 20px; display: block;}
.warning:hover{cursor:pointer;background: url('../images/buttons/warning-icon-on-x2.png') no-repeat left top / 16px 16px !important; padding-left: 20px; display: block;}
.connect-button { position: absolute; top: 42px; left: 23px; padding: 8px; display: none; background: #444c4f !important; border: 1px solid #000000 !important; }
.connect-button.add-another { top: 42px; left: 11px; }
.connect-button:hover { background: #000000 !important; }
body.ff .main-search a.button.medium.dark.nice { height: 100%; padding-bottom: 12px; }
body.ff .main-search a.button.medium.nice { padding-bottom: 12px; }
body.ie9 .main-search a.button.medium.nice { padding-bottom: 10px; }
.group-name .button { padding-top: 9px !important; }
@media handheld, only screen and (max-width: 767px) {
.button.medium.nice { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.button.small.nice.dark { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; padding: 10px inherit; }
.button.medium.nice.connect-button.add-another { max-width: 80%; top: 37%; }
.button.medium.nice.connect-button.connecting { max-width: 80%; left: 12px; }
body.ff .main-search a.button.medium.nice { height: 100%; }
.button.medium.nice.connect-button.connecting { max-width: 200px !important; padding: 20px 0; left: 50%; margin-left: -100px; top: 37%; }
.group-name .button { padding-top: 8px !important; padding-bottom: 9px !important; }
}
.grayscale-dark-logo {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 0.7;
}
.grayscale-logo {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
opacity: 0.5;
}
.grayscale-logo:hover {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1.0;
}
/* --------------------------------------------------
Forms
-------------------------------------------------- */
.tall-form { padding: 9px 3px 8px !important; margin: 0 0 !important; }
.cta-data { background: none; border: none; margin-bottom: 0; width: 100%; margin-top: 0px }
.cta-data td:first-child { width: 73%; }
.cta-data td { padding: 0px; }
.cta-data .button { float: right; }
.main-search { background: none; border: none; margin-bottom: 20px; width: 100%; }
.main-search td:first-child { width: 87.1%; }
.main-search td { padding: 0px; }
.main-search .button { float: right; padding-top: 9px; }
.input-text::-ms-clear {
display: none;
}
@media handheld, only screen and (max-width: 767px) {
.main-search { margin-bottom: 0;}
}
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background:#fff; }
/* --------------------------------------------------
:: Typography
-------------------------------------------------- */
/*@font-face {
font-family: 'MuseoSans';
src: url('fonts/museosans_500-webfont.eot');
src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans_500-webfont.woff') format('woff'),
url('fonts/museosans_500-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*/
.about h3 { margin-bottom: 0px !important;}
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 56px; font-size: 5.6rem; margin-bottom: 16px; text-rendering: optimizeLegibility; text-align: center; font-weight: 200; /*color: #4c4c4c;*/ }
h1.page-heading {font-size: 2.8rem; margin-bottom:20px; text-align: left; color: #181818; font-weight: bold; line-height: 1.25; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;}
h2 { font-size: 28px; font-size: 2.8rem; margin-bottom: 16px; /*color: #6d6d6d;*/}
h3 { font-size: 22px; font-size: 2.2rem; margin-bottom: 9px; text-rendering: optimizeLegibility; /*color: #6d6d6d; */}
h4 { font-size: 20px; font-size: 2.0rem; margin-bottom: 3px; color: #6d6d6d; text-align: center; font-weight: normal; }
h5 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; text-rendering: optimizeLegibility; color: #535353; }
h6 { font-size: 16px; font-size: 1.6rem; margin-bottom: 3px; color: #7a7a7a; font-weight: normal; }
@media handheld, only screen and (max-width: 767px) {
h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.0; margin-bottom: 20px; }
h4 { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding-top: 5px; }
}
/* -----------------------------------------
Index
----------------------------------------- */
.container.full-width { padding: 0px 20px; }
.cta { margin-bottom: 0px; height: 60px; padding: 40px 40px 0 40px; position: relative; top: -40px; }
.cta-mobile { padding: 15px; background: #b8deec url(../images/home/stripes.png) repeat; margin-bottom: 20px; position: relative; margin-top: -40px; margin-bottom:120px; border: 1px solid #87bacf; }
#engage {display: inline; width: 30% !important; }
div.about { margin-bottom: 30px; }
div.message { margin-bottom: 50px!important; }
body.ie7 div.message { padding-bottom: 10px; }
body.ie7 .container.top.bottom-shadow { margin-top: 10px; }
#memberText { text-align: right; font-size: 11pt; margin-top: 10px; }
input.large, textarea.large { width: 100%; }
.desktop-clouds { min-height: 383px; }
.global-message { left: 0px; top: 142px; width: 100%; border-bottom: 1px #e7e7B7 solid; background: #ffc; padding: 0; margin-bottom:0px; }
.global-message-success { background: #a4f1cb; border-bottom: 1px #26d07c solid;}
.global-message-alert { background: #FDD0D0; border-bottom: 1px #EDAEAE solid;}
.content-updates {background: #dff0d8; border-bottom: 1px #d6e9c6 solid; padding: 10px 20px; cursor:pointer}
.content-updates h5 a { color:#535353; }
.content-updates h5 a:hover { color:#ff4200; }
.action-prompt {background-color:#fdddd1;}
@media handheld, only screen and (max-width: 767px) {
#memberText { text-align: center; margin-bottom: 0; }
div.phone-four.columns.show-on-phones.mobile-clouds { margin-left: 0px; min-height:144px; }
.graph { text-align: center; }
div.admin { text-align: center; }
}
@media handheld, only screen and (max-width: 842px) {
div.message { margin-bottom: 40px!important; }
div.message h1 { font-size: 48px; }
div.message h4 { font-size: 14px; }
.hide-on-ipad { display: none; }
.desktop-clouds { margin-top: -30px; max-height: 310px; }
.message { margin-bottom: 40px !important; }
.cloud-header.home { top: -10px; }
ul.block-grid.five-up li:last-child { margin-right: 20px; }
.button.small.nice.view-button-list { position: relative; right: 0; top: 0; }
.footer-padding { padding: 0 20px 0 20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.two.columns.placard-button.list-button { width: 12%; }
p#relatedFilter { margin-left: 27px; }
.indexing-notice .outer-progress-bar.search-index { width: 170px; }
.graph { text-align: center; }
div.admin { text-align: center; }
.flyout-menu:before { display: none; }
/* form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 11px; }*/
/*.cta-data .button { font-size: 11px; width: 90%; padding: 9px 10px 10px; }*/
.cta-data .button { font-size: 12px; width: 90%; padding: 15px 10px 15px; }
.group-name .button { padding: 8px 20px 9px 20px; }
.main-search .button { padding-top: 8px !important; padding-bottom: 9px !important; }
.global-notification p { font-size: 11px !important; margin-left: 10px; margin-right: 10px;}
.global-message { position: absolute; top: 125px; left: 9px; width: 98%; height: 40px; }
}
/* --------------------------------------------------
Home Page
-------------------------------------------------- */
.home-icon { display: block; position: relative; font-size: 60px;}
/* -----------------------------------------
Main Menu
----------------------------------------- */
.has-menu { position: relative; }
.main-menu {
display: none;
position: absolute;
top: 10px;
right: -2px;
background: #ffffff; /* Old browsers */
width: 160px;
height: auto;
-webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); overflow: hidden;
z-index: 9999;
border: solid 1px rgba(0,0,0,0.15);
}
.menu-title { padding: 5px; -webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box; text-align: left; background: rgba(0, 0, 0, 0.701961); width: 100%; font-size: 10px; font-weight: bold; color: #fff; margin-bottom:0;}
.main-nav-flyout { position:relative; /*width: 160px;*/ }
.chrome .main-menu {top:-23px;}
.ff .main-menu {top:-20px;}
.ff3 .main-menu {top:-20px;}
.safari .main-menu {top:-23px;}
.in_unknown .main-menu {top:20px;}
.main-menu:hover { display: block; z-index: 9999;}
.main-menu ul {padding:4px 0 4px 0; margin-bottom:4px; margin-top:4px;}
.main-menu ul li { color: #565b5d; text-align: left; display: block; padding: 8px 0 8px 14px; margin:0; font-size:16px; min-height:19px;}
.main-menu ul li:hover {background-color:#e8e8e8; min-height:19px;}
/*.main-menu ul li a { color: #565b5d; width:100%; }
*/
.main-menu ul li a:hover { color: #FF5400;}
.main-menu hr {margin-top:0;margin-bottom:0;}
.menu-icon { background: url('../images/misc/menu-icon-sprite.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.search { background-position: 0 -140px; }
.menu-icon.recent { background-position: 0 -187px; }
.menu-icon.groups { background-position: 0 -163px; }
.menu-icon.dashboard { background-position: 0 -211px; }
.menu-icon.people { background-position: 0 -233px; }
.menu-icon.services { background-position: 0 -255px; }
.menu-icon.apps { background: url('../images/misc/menu-icon-settings-off.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.settings { background: url('../images/misc/menu-icon-settings-off.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.logout { background: url('../images/misc/menu-icon-logout-off.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.apps:hover { background: url('../images/misc/menu-icon-settings.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.settings:hover { background: url('../images/misc/menu-icon-settings.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.logout:hover { background: url('../images/misc/menu-icon-logout.png') 0 0 no-repeat; padding-left: 24px; }
.menu-icon.search:hover { background-position: 0 0; }
.menu-icon.recent:hover { background-position: 0 -47px; }
.menu-icon.groups:hover { background-position: 0 -23px; }
.menu-icon.dashboard:hover { background-position: 0 -71px; }
.menu-icon.people:hover { background-position: 0 -93px; }
.menu-icon.services:hover { background-position: 0 -115px; }
#accountLink:hover + ul li .main-menu, #account-link:hover + ul li .main-menu { display: block; z-index: 99999;}
#menuLink:hover + ul li .main-menu { display: block; z-index: 99999;}
@media handheld, only screen and (max-width: 767px) {
.main-nav-flyout { top:-15px; min-width:334px; }
.main-menu { top:10px; right: 0px; width: 100%; }
.chrome .main-menu {top:10px; width: 100%;}
.ff .main-menu {top:40px; width: 100%;}
.ff3 .main-menu {top:40px; width: 100%;}
.safari .main-menu {top:10px; width:100%;}
.in_unknown .main-menu {top:10px; width:100%;}
.main-menu ul { overflow: hidden; }
.main-menu ul li { width:100%; }
.main-menu ul li a { color: #565b5d;}
.sign-up { position: absolute; top: 11px; right: 0; margin-right:20px; }
}
/* -----------------------------------------
Search Grid View
----------------------------------------- */
row.absolute { position: absolute; }
.mobile-search { background: #e8e8e8; padding: 0 20px 33px 20px; position: relative; }
.search {margin-bottom: 40px;}
input.input-text { display: inline !important; }
input.large.primary { width: 90%; }
#filterContent { float: right; margin-top: 1%; }
#mainSearch {display: inline; }
#searchButton { margin: 0 !important; }
a.preview-link { background: url(../images/connect/triangle.png) no-repeat 65px 6px; padding-left: 10px; display: block; width: 110px; height:20px; color: #777; font-weight: bold; position: absolute; right: -27px; top: 150px; }
.pill a { margin-bottom: 10px; margin-right: 10px; color: #ffffff; font-weight: bold; background: #558495; padding: 5px 10px; float: left; -moz-border-radius: 5px; border-radius: 5px; }
.pill.inactive a { background: #a3bcc6; color: #ffffff; font-weight: bold; }
.pill .close { position: relative; margin-left: -20px; }
#createGroup { text-align: right; margin-bottom: 0; position: absolute; top: 20px; right: 0px; }
.red-link { font-weight: bold; color: #ff5400; }
.placard {
background: #ffffff; /* Old browsers */
height: 330px;
-webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6);
overflow: hidden;
width: 100%;
border-bottom: solid 1px rgba(0,0,0,0.15);
}
@media handheld, only screen and (max-width: 767px) {
.placard {
border-bottom: solid 2px rgba(0,0,0,0.15);
}
}
.placard:hover { height: 100%; z-index: 100; }
.placard-fader { height: 40px; width: 100%; position: absolute; bottom: 0; left: 0; background: url(../images/misc/placard-fader.png) bottom left repeat-x; z-index: 10;}
.placard-info { padding: 20px; }
.placard-info h5 a { color:#181818; text-rendering: optimizeLegibility;}
.placard-info h5 a:hover { color:#ff4200; }
.link-folder {color:#181818;}
.link-folder:hover {color:#ff4200;}
.alert-manager {margin-top: 10px; margin-bottom: 34px;}
.expert-manager {margin-top: 10px; margin-bottom: 34px;}
.facets-placard {margin-top: 10px; min-height:58px; font-size:13px;}
.facets { padding: 18px 14px 10px 18px; }
.facets li {margin-bottom:6px; text-overflow: ellipsis; overflow: hidden}
.facet-heading { font-size: 13px; font-size: 1.3rem; display: block; margin-bottom: 10px; font-weight: bold; }
.facet-item {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; line-height: 0;}
.facet-item-label {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:-4px; font-weight:bold; display: inline-block;}
.facet-item-count {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:-5px; font-weight:normal; font-size:11px; color:#7a7a7a; display: inline-block;}
/*.facets ul li { line-height: 1.0;}
*/.facet-content-icon { height: 12px; margin-right: 8px; margin-bottom:-1px;}
.facet-service-icon { height: 14px; margin-right: 5px; margin-bottom: -2px;}
.facet-time-icon { margin-right: 8px;}
.facet-checkbox { display: inline; vertical-align: top; float:right;}
.no-facet-blur {
box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
transform: scale(0.9);
opacity: 0.4;
margin-top:0;
padding-top:0;
}
.no-view-blur {
box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
transform: scale(0.9);
opacity: 0.4;
}
.digest-icon {
font-weight: normal; color: #555; height: 14px; display: inline-block;
margin-left: 10px;
background-image: url(../images/digest/digest-add-off.png);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 16px;
padding-right: 22px;
}
.digest-icon:hover {
font-weight: normal; color: #000;
background-image: url(../images/digest/digest-add.png);
}
.digest-icon-active {
font-weight: normal; color: #555; height: 14px; display: inline-block;
margin-left: 10px;
background-image: url(../images/digest/digest-active.png);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 16px;
padding-right: 22px;
}
.digest-exists {
font-weight: normal; color: #555; height: 14px; display: inline-block;
margin-left: 10px;
background-image: url(../images/digest/digest-off.png);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 16px;
padding-right: 22px;
}
.digest-exists:hover {
font-weight: normal; color: #000;
background-image: url(../images/digest/digest.png);
}
/* non-mobile */
@media only screen and (min-width: 767px) {
.placard-info h5 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%; }
}
p.when-last { color: #7a7a7a; font-size: 11px; margin-left: 33px;}
.doc-icon { width: 32px; height: 32px; float: left; margin-right: 18px; margin-top:4px; }
ul.entry-info li { float: left; margin-right: 10px; margin-bottom: 0; }
ul.entry-info li img { max-width: 21px; max-height: 22px; }
.timestamp { padding-left: 38px; }
.collapsed-email {margin-left: 50px;}
.email-collapser {font-size:13px;}
p.folder-name { color: #7a7a7a; font-size: 11px; margin-left: 50px; margin-bottom:1px; }
@media handheld, only screen and (max-width: 767px) {
.email-collapser {margin-left:7px;}
}
.related-content { position: absolute; top: 170px; left:0; padding-left: 20px; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
.related-title { text-transform: uppercase; font-weight: bold; font-size: 13px; font-size: 1.3rem; color: #535353; margin-bottom: 10px; }
body.chrome.windows .related-content { margin-top: 30px; }
ul.related li { margin-bottom: 5px; vertical-align: center; }
ul.related li a { color: inherit; background: url(../images/search/chat-icon.png) no-repeat 0 50%; padding-left: 20px; }
ul.related li a:hover { color: #ff4200; }
ul.related li img.related-icon { position: relative; margin-top: 8px; }
div.controls { margin-top: 10px; }
div.controls ul li { float: left; margin-right: 10px; margin-bottom: 0px; }
div.controls ul li a { background: url(../images/search/toggle-sprite.png) 0 0 no-repeat; text-indent: -9999px; width: 25px; height: 25px; display: block; }
div.controls ul li a.grid-view { background-position: -30px 0; }
div.controls ul li a.list-view { background-position: -30px -30px; }
div.controls ul li a.grid-view.active, div.controls ul li a.grid-view:hover { background-position: 0px 0px; }
div.controls ul li a.list-view.active, div.controls ul li a.list-view:hover { background-position: 0px -30px; }
.div.search-mobile { padding: 15px; background: #b8deec url(../images/home/stripes.png) repeat; margin-bottom: 20px; position: relative; margin-top: -60px; }
.grouping { padding-left: 50px; margin-top: 10px; background: url(../images/search/group-icon.png) no-repeat; }
.group-name { padding-top: 10px; }
.group-name .button { padding-top: 10px; }
.group-checkbox { position: absolute; top: 20px; right: 18px; z-index: 1000; }
.group-checkbox.list { top: 80px; }
.group-checkbox input[type="checkbox"] { font-size: 24px; }
.phone-four.columns.show-on-phones.end-flag img { margin: 0 auto; max-height: 100%; max-width: 100%; }
@media handheld, only screen and (max-width: 767px) {
/* .related-content {display:none;} */
.group-checkbox.list { top: 20px; }
.container.no-top-padding { padding-top: 0; }
#createGroup { padding-bottom: 10px; display: block; overflow: hidden; }
.grouping { padding: 46px 20px 0px 20px !important; background-position: 20px 10px; }
.group-name table { width: 92%; margin-left: 4%; }
div.placard { height: auto; padding-bottom: 0px; margin-bottom: 20px; -webkit-box-shadow: 0 0px 0px 0px rgba(0,0,0,0.006); -moz-box-shadow: 0 0px 0px 0px rgba(0,0,0,0.0); box-shadow: 0 0px 0px 06px rgba(0,0,0,0.0); }
.pill { position: relative; overflow: hidden; margin-bottom: 2px; }
.pill a { font-size: 12px; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pill .close { width: 20px; padding-right: 5px; position: absolute; top: 0; right: 0; }
#createGroup { text-align: left; position: relative; margin-bottom: 20px; }
div.container.top.bottom-shadow.show-on-phones { padding-top: 0px; margin-bottom: 20px; }
div.extra-padding { padding-bottom: 20px; }
span.placard-fader { display: none; }
p.when-last { color:#7a7a7a; margin-bottom: 0; margin-left:40px; font-size:11px; }
.container.top.bottom-shadow { padding-top: 0; }
.placard { margin: 0; padding: 0; border-left: 0; border-right: 0; }
.doc-icon { width: 23px; height: 23px; float: left; margin-right: 0; }
.placard-info h5 a:hover { color:#ff4200; }
/* .show-more {margin-left: 40px;}
*/ .mobile-message {margin-left: 40px; padding-top:20px; font-size:13px;}
.placard.js-height .show-more {display:block; visibility:hidden; position:absolute;}
.placard.js-height .related-content,
.placard.js-height .snippet.grid {position:relative; display:block;}
.placard .related-content {top:30px;}
.placard .related-content {position:relative; top:30px;}
.placard.open .related-content {display:block;}
.placard.open ul.snippet.grid {display:block;}
}
/* -----------------------------------------
Filtering
----------------------------------------- */
.filters { display: none; }
.filter-alert { position: relative; border-radius: 5px; background: url(../images/search/group-icon.png) no-repeat 10px 12px; background-color: white; margin-bottom: 20px; padding-bottom: 5px; }
.mobile-filter { background: white; padding: 20px; }
.filter-alert.expanded ul li a { display: none; }
.filter-alert ul { padding-left: 55px; padding-top: 20px; }
.filter-alert ul li { float: left; margin-right: 10px; }
ul.filters {padding-top:0px;}
a.close-filter { position: absolute; top: 0px; right: 7px; color: #535353; font-size: 15px; font-weight: bold; border-bottom: none !important; }
.filter-head { padding-left: 55px; padding-top: 20px; font-weight: bold; }
.filter-head.no-padding-left { padding-left: 0; }
.filter-checkboxes { padding-left: 54px; }
.filters-shown {display: none;}
#relatedFilter { margin-left: 24px; }
@media handheld, only screen and (max-width: 767px) {
.filter-alert { background: #fff; border-radius: 0; margin-bottom: 0; }
.filter-alert ul { padding-left: 20px; padding-right: 40px; padding-top: 10px; }
.filter-alert ul li { display: block; width: 100%;}
.four.filter-head { padding-left: 20px !important; padding-right: 50px !important; padding-top: 10px !important; }
.close-filter { right: 20px !important; top: 0px !important; font-size: 20px !important; }
}
/* -----------------------------------------
Indexing Notice
----------------------------------------- */
div.indexing-notice { display: block; }
.indexing-notice ul { margin-bottom: 0px; margin-top: 10px; }
.indexing-notice ul li { float: left; margin-bottom: 0px; display: block; }
.indexing-notice ul li:first-child { margin-top: 4px; margin-left: 15px; color: #535353; font-weight: bold; }
.indexing-notice ul li:last-child { margin-top: 0px; float: right; }
/* -----------------------------------------
Global Notification
----------------------------------------- */
.z-fifty { z-index: 50; position: relative; top: 0; }
/*.global-notification { position: absolute; z-index:10; width: 283px; min-height:65px; bottom: 13px; background: #78b9d2; color: #ffffff; border-radius: 3px; padding: 10px 10px 0 10px;}
*/
.global-notification { z-index:10; height:40px; bottom: 13px; color: #555; border-radius: 3px; padding: 0 25px 0 0; line-height: 40px;}
.global-notification p {margin:0; display: inline-block; vertical-align:middle;}
.chrome .global-notification { bottom:50px; }
@media handheld, only screen and (max-width: 767px) {
div.global-notification { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5000; border-radius: 0; border-left: none; border-right: none; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}
/* -----------------------------------------
Search List View
----------------------------------------- */
.placard-list { background: #ffffff; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
padding: 0; margin-bottom: 40px; height: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, .8); }
.placard-info-list { padding: 20px 0px 0px 20px; text-align: left; }
.placard-button { padding-right: 20px; padding-top: 20px; margin-left: 0px !important; }
.related-content-list { position: relative; padding-left: 20px; padding-right: 20px; }
.related-title-list { font-weight: bold; font-size: 11pt; color: #535353; margin-bottom: 10px; }
ul.related-list li { background: url(../images/search/chat-icon.png) no-repeat 0 50%; padding-left: 20px; display: inline; float: left; margin-right: 3%; }
ul.related-list li:first-child { background: none; padding-left: 0; }
.entry-info.photo li img { max-width: 23px; border: 2px solid #ffffff; -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; display: inline; float: left; margin-right: 10px }
.doc-icon-list.photo h5 { float: left; }
.doc-icon-list.photo a { display: block; }
.doc-icon-list h5 { line-height: 0.9; margin-bottom: 3px; }
.image-timestamp { padding-left: 30px; }
.divide-list { background: url(../images/misc/horizontal.png) repeat-x; width: 100%; height: 3px; margin-top: 15px; margin-bottom: 15px; }
.highlight { background: #fca688; padding: 1px 3px; font-weight: bold; border-radius: 3px; }
.urgent { color: #d20707; }
.basic-info li { float: left; margin-right: 20px; margin-bottom: 25px; }
.photo-preview { height: auto; max-width: 300px; -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; border: 5px solid white; }
.snippet { padding-left: 9px; }
.snippet li { border-left:3px solid #e8e8e8; padding-left: 20px; line-height: 1.25; }
.snippet.grid { padding-left: 0; display: none; }
.snippet.grid li { font-size: 12px; font-size: 1.2rem; }
@media handheld, only screen and (max-width: 767px) {
ul.snippet.grid {margin-top: 20px;}
}
.snippet em {
background: #FB7F54;
padding: 1px 5px;
font-weight: bold;
border-radius: 3px;
color: white;
font-style: normal;
}
/* --------------------------------------------------
Settings
-------------------------------------------------- */
.settings-container { margin-top:40px; margin-bottom:60px; }
/* --------------------------------------------------
Connect Services
-------------------------------------------------- */
.reveal-modal {background:white;}
.connect-services { margin-bottom: 50px; }
.connect-content { margin-top: 0px; position: relative; }
.connected-notification { float: right; margin-bottom: 0px !important; position: relative; margin-top: 14px; }
.service-container { background: #ffffff; padding-left: 60px; padding-top: 60px; margin-bottom:40px;}
.service-container ul.services { margin-bottom: 20%; }
.flyout-access { margin-top: 7px; }
.account-access { margin-top: 10px; }
.service-name { margin-top: 7px;}
.three.columns.absolute { position: absolute; top: -246px; left: 46px; }
.show-on-phones ul.services li { float: none; clear: both;}
ul.services li { float: left; margin-right: 6%; text-align: center; position: relative; }
body.ie7 .five-up li { width: 18%; }
.five-up li { height: 170px; float: left; position: relative; cursor: pointer; }
.five-up li li:last-child { margin-right: 5%; }
.five-up li.active { text-align: left; }
.five-up li.active a { color: #535353; display: block; }
.five-up li.active a:hover { color: #000000; }
.five-up li:not(.active) a:hover { color: #ACACAC; cursor: pointer; }
.five-up li a { color: #acacac; }
.five-up li a:hover { color: #000000; }
.five-up li div img { min-height: 110px; min-width: 110px; max-height: 110px; -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; border: 5px solid white; opacity:0.4; filter:alpha(opacity=40); position: relative; }
.five-up li.active div img { opacity:1.0; filter:alpha(opacity=100); }
.five-up li small { display: block; }
.five-up li p { position: relative; margin-bottom:2px;}
.five-up li.active div img { display: block; }
.five-up li div .connect-button { display: none; color: #fff; }
.five-up li div .connect-button:hover { color: #fff; }
.five-up li div img:hover { opacity:0.4;}
.five-up li div img:hover + .connect-button { display: block; cursor:pointer;}
ul.services li.active { text-align: left; }
ul.services li.active a:not(.button) { color: #535353; }
ul.services li a { color: #acacac; }
ul.services li div img { -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; border: 5px solid white; opacity:0.4; filter:alpha(opacity=40); position: relative; }
ul.services li.active div img { opacity:1.0; filter:alpha(opacity=100); }
ul.services li small { display: block; }
ul.services li p { position: relative; }
ul.services li.active div { display: block; }
ul.services li.active div img { display: block; }
.triangle { background: url(../images/connect/triangle.png) no-repeat; height: 15px; width: 15px; display: block; position: absolute; top: 5px; left: 110px; }
.username { font-size: 12px; font-weight: bold; }
ul.services li.active .connect-button:hover { display: block; }
.indexing-progress { background-color: rgba(85,85,85,0.7); width: 110px; height: 110px; position: absolute; z-index: 500; -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; border: 5px solid white; }
.indexing-progress .outer-progress-bar { position: relative; z-index: 501; height: 20px; width: 60px; overflow: hidden; border-radius: 1px; border: 1px solid #74abbe; background-color: #91d2e8; display: block; width: 90%; height: 20px; -moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px#5a7e89; box-shadow: inset 0 0 1px 0px #5a7e89; margin-top: 35px; margin-left: 3px; }
p.index-status { font-weight: bold; color: #ffffff; position: absolute; bottom: -30px; left: 25px; }
.bar-image { position: absolute; bottom: 36px; z-index: 600; }
.flyout-menu { position: absolute; top: 135px; left: -30px; padding: 20px 20px 22px 20px; background: #ffffff; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
margin-bottom: 30px;
margin-top: 10px;
height: auto;
width: auto;
-webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6);
z-index: 1100; border: solid 1px rgba(0,0,0,0.15);
}
.flyout-menu-mobile { position: absolute; top: 135px; right: -110px; padding: 20px; background: #ffffff; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
margin-bottom: 30px;
margin-top: 10px;
height: auto;
width: 220px;;
-webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6);
z-index: 1100; border: solid 1px rgba(0,0,0,0.15);
}
.flyout-menu:before { /*content: url(../images/misc/triangle-flyout.png); width: 10px; height: 10px;*/ position: absolute; top: -10px; right: 30px; z-index: 1200; }
body.ie8 .flyout-menu { border: 1px solid #bebebe; }
body.ie7 .flyout-menu { background: #fff; border: 1px solid #bebebe; }
body.ie7 ul.block-grid.five-up { position: relative; z-index: 990; }
.add-account { display: block; cursor:pointer;}
.disconnect { display: block; }
.block-grid { overflow: visible; }
div.flyout-menu { display: none; z-index: 5000; }
a.flyout-access { display: block; }
a.flyout-access:hover + div.flyout-menu, div.flyout-menu:hover { display: block; }
body.ie8 ul.block-grid.five-up li a img { border: 1px solid #bebebe; }
body.ie7 ul.block-grid.five-up li a img { border: 1px solid #a2a2a2; }
@media handheld, only screen and (max-width: 767px) {
.connect-services.bottom-shadow { margin-top: 0px; padding-top: 5px; }
ul.services li { margin-right: 0; }
h3.align-left { font-size: 30px; }
ul.services { margin: 0 auto; }
.flyout-menu { -webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; left: 0; top: auto; bottom: 20px; }
.flyout-menu:before { display: none; }
.service-container { padding-left: 20px; padding-top: 20px; }
ul.services li div img { -webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; max-height: 100%; -moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; border: 5px solid white; opacity:0.4; filter:alpha(opacity=40); position: relative; }
.connected-notification { float: left; margin-left: 20px; }
ul.services li p .username { font-size: 20px; font-size: 2.0rem; }
ul.services li p small { font-size: 16px; font-size: 1.6rem; }
.services li div .connect-button { color: #fff !mportant; }
.triangle { right: 0; left: auto; top: 12px; -webkit-transform: scale(1.3); }
.connect-button.add-another { max-width: 200px !important; padding: 20px 0; left: 50%; margin-left: -100px; }
.indexing-progress { webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; -moz-box-shadow: 1px 1px 7px #888; -webkit-box shadow: 2px 2px 4px #888; box-shadow: 1px 1px 7px #888; border: 5px solid white; }
}
#go-search-panel {
display:none;
}
#go-search-panel > div {
margin-top: 6px; padding-top: 10px;padding-bottom: 15px;
}
.go-search-suggestion {
float:left; padding-left: 55px;padding-top: 10px; padding-bottom: 0; margin-bottom: 0;
}
.go-search-action{
float:right; padding-top: 1px;padding-right: 19px;
}
.link-search-tag {
background: white;
padding: 0 4px;
font-weight: bold;
border-radius: 3px;
color: #FB7F54;
font-style: normal;
border: solid #FBCEBE 1px;
display: inline-block;
margin: 1px;
}
a.link-search-tag:hover {
border: solid #fb7f54 1px;
}
.link-search-tag.tag-selected {
background: #FBDECE;
}
/* -----------------------------------------
Progress Bar
----------------------------------------- */
.inner-progress-bar { border-radius: 1px; /*border: 1px solid #74abbe;*/ background-color: #91d2e8; display: block; width: 90%; height: 98%; -moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px#5a7e89; box-shadow: inset 0 0 1px 0px #5a7e89; }
.inner-progress-bar.connect-bar { background-color: #52b9e0; }
.outer-progress-bar { border-radius: 3px; border: 1px solid #e8e7e7; background-color: #fff; display: block; position: relative; z-index: 4000; }
.indexing-notice .outer-progress-bar { margin: 3px 20px 0; border-radius: 3px; border: 1px solid #8199a1; background-color: #fff; display: block; width: 300px; height: 20px; moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px#5a7e89; box-shadow: inset 0 0 1px 0px #5a7e89; }
.indexing-progress .outer-progress-bar { position: absolute; bottom: 37px; margin-left: 15px; border-radius: 3px; border: 1px solid #504d4d; background-color: #fff; display: block; width: 70%; height: 20px; moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px#5a7e89; box-shadow: inset 0 0 1px 0px #5a7e89; }
@media handheld, only screen and (max-width: 767px) {
.indexing-progress .outer-progress-bar { position: absolute; bottom: 45%; margin-left: 15px; text-align: center; border-radius: 3px; border: 1px solid #504D4D; background-color: white; display: block; height: 20px; -moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px #5A7E89; box-shadow: inset 0 0 1px 0px #5A7E89; width: 90%; }
p.index-status { font-weight: bold; color: white; position: absolute; top: 40%; left: 0; }
}
/* --------------------------------------------------
Admin Home
-------------------------------------------------- */
.export-link {color:#555;}
body.ie7 .six.columns.summary.bottom-padding { padding-bottom: 20px; }
body.ie7 .row.admin-nav { margin-top: 0px; }
.admin-nav { margin-top: -30px; }
.bottom-border { border-bottom: #4cbee5 3px solid; }
.placard-admin { background: #ffffff; /* Old browsers */
margin-bottom: 30px;
margin-top: 10px;
-webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.6);
overflow: hidden;
position: relative;
width: 100%;
border: solid 1px rgba(0,0,0,0.15);
min-height: 250px;
margin-left: -1px !important;
}
.admin { padding: 20px; }
.admin.top-user { padding-bottom: 15px; }
ul.bar-stats li { display: block; }
.outer-progress-bar.admin-bar { border-radius: 3px; border: 1px solid #cfcfcf; background-color: #fff; display: block; height: 18px; }
.indexing-notice .outer-progress-bar.admin-bar { margin: 3px 20px 0; border-radius: 3px; border: 1px solid #8199a1; background-color: #fff; display: block; width: 300px; height: 40px; moz-box-shadow: inset 0 0 1px 0px #5a7e89; -webkit-box-shadow: inset 0 0 1px 0px #5a7e89; box-shadow: inset 0 0 1px 0px #5a7e89; }
.narrow-columns { margin-left: 4.1%; float: left; min-height: 1px; }
.graph { /*-moz-box-shadow: 1px 1px 7px #888; -webkit-box-shadow: 2px 2px 4px#888; box-shadow: 1px 1px 7px #888; */border: 5px solid white; margin-left: -20px; }
div.summary { margin-bottom: 20px; }
ul.admin-tabs { overflow: hidden; margin-bottom: 0px; margin-top: 20px; }
ul.admin-tabs li { padding: 6px 14px 7px 14px; display: block; float: left; color: #ffffff; background-color: #91d2e8; margin-right: 2px; margin-bottom: -1px !important; z-index: 2000; position: relative; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; font-size: 13px;}
ul.admin-tabs li:hover { background: #4cbee5; }
ul.admin-tabs li a { color: white; font-weight:bold; }
ul.admin-tabs li a:hover { color: #ffffff; }
ul.admin-tabs li.active { background-color: #4cbee5; font-weight: bold; }
ul.stats { display: block; height: 180px; }
ul.stats li { float: left; margin-right: 30px; margin-bottom: 0px; }
.wide { width: 100%; }
ul.stats-condensed { display: block; height: 180px}
ul.stats-condensed li {float: left; margin-right: 20px; }
.percentage { float: right; font-weight: bold; }
.large-stat { display: block; font-size: 40px; font-weight: bold; text-align: center; }
.medium-stat { display: block; font-size: 30px; font-weight: bold; text-align: center; }
.top-margin-20 { margin-top: 20px; }
#summary-container { min-height: 342px; }
.no-js-plz div div .placard { height: auto; }
.no-js-plz div div .placard .related-content { padding: 0; position: static !important; }
.no-js-plz div div .placard .related-content li { float: left; margin-right: 14px; }
.no-js-plz div div .placard .snippet { padding-left: 0; }
.no-js-plz .view-button { top: 20px; right: 20px; }
.no-js-plz div div .placard .placard-fader { display: none !important; }
.placard .basic-info.snippet li { background: none; padding-left: 20px; }
.placard .basic-info.snippet.block li { background: none; padding-left: 20px; min-width: 200px;}
.no-js-plz div div .placard .related-content a:nth-child(1) { top:22px; }
.no-js-plz div div .placard .related-content a:nth-child(2) { top:22px;right: 54px;}
.no-js-plz div div .placard .related-content a:nth-child(3) { top:22px;right: 88px;}
.no-js-plz div div .placard .related-content a:nth-child(4) { top:22px;right: 122px;}
body.ff div.summary { margin-bottom: 32px; }
body.ff .six.narrow-columns.summary.placard-admin.phone-four { width: 46.8% !important; }
body.ie9 .six.narrow-columns.summary.placard-admin.phone-four { width: 45.8% !important; }
body.ie9 .footer-container.container.blue.no-mobile-padding { padding-bottom: 40px !important; margin-bottom: -40px !important; }
body.ie8 .footer-container.container.blue.no-mobile-padding { padding-bottom: 0px !important; margin-bottom: 0px !important; width: 100%; }
body.ie8 .four.columns.group-name { float: right; }
body.ie8 .container.no-mobile-padding.no-top-padding.blue { background: #D9E7EC; }
body.ie8 { background: #D9E7EC; }
body.ie7 .container.no-mobile-padding.no-top-padding.blue { background: #D9E7EC; }
body.ie7 { background: #D9E7EC; }
body.ie7 .container.top.clear-padding-top { padding-bottom: 30px !important; }
body.ie7 .container.top.bottom-shadow { margin-top: -40px; }
body.ie7 .admin.top-user { margin-bottom: -5px !important; }
body.ie7 .six.columns.summary.placard-admin { margin-top: 20px; }
body.ie7 .six.narrow-columns.summary.placard-admin.phone-four { margin-top: 20px; }
@media only screen and (max-width: 767px) {
.large-stat { font-size: 20px; font-size: 2.0em; }
.admin-nav { margin-top: 0px; }
.graph { margin-left: 0px !important; max-width: 97%; }
body.ff .six.narrow-columns.summary.placard-admin.phone-four { width: 100% !important; }
body.ff .six.columns.summary .admin { padding-bottom: 0px; margin-bottom: 0px; }
body.ie9 .six.narrow-columns.summary.placard-admin.phone-four { width: 100% !important; }
.message h1 { font-size: 20px !important; font-size: 2.0rem !important; }
.no-js-plz .view-button { position: static; /*top: 20px; right: 20px;*/ }
.placard .snippet.grid { display: none; position: relative !important; }
.placard .basic-info.snippet { overflow: hidden; margin-bottom: 0;}
.placard-info h5 { /*padding-right: 60px;*/ font-weight:normal; font-size: 1.5rem; margin-left:40px; }
.no-js-plz .button-open-document { position: absolute; }
}
@media only screen and (min-width: 768px) {
.no-js-plz div div .placard .snippet.grid { display: block; margin-left: 50px; max-width: 85%;}
.collapsed-email {margin-left: 0;}
.collapsed-email .snippet.grid {margin-left:50px;}
/* .contact-info li {border-left:none;} */
}
body { background: white; }
.invitation-code-panel {
background-color: #D9E7EC;
padding: 15px;
margin-bottom: 24px;
margin-top: 18px;
}
/* Hide uservoice tab on mobile */
@media handheld, only screen and (max-width: 767px) {
#uvTab{
display:none !important;
}
}
#top-users-container {
height:296px;
overflow-y:scroll;
overflow-x:hidden;
}
#top-searches-container {
height:296px;
}
/* -----------------------------------------
Admin : Services
----------------------------------------- */
.healthy {
background-image:url('../images/admin/green-check.png');
background-repeat: no-repeat;
width: 22px;
height: 22px;
display:block;
}
.active-services th:nth-child(1){ width:38%; }
.active-services th:nth-child(2){ width:20%; }
.active-services th:nth-child(3){ width:20%; }
.available-services th:nth-child(1){ width:78%; }
/* -----------------------------------------
Press page
----------------------------------------- */
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
img.translucent {
opacity: 0.5;
}
img.source-logo {
max-width: 100px;
}
/* -----------------------------------------
Settings page
----------------------------------------- */
table.settings {
margin-bottom:55px;margin-top:20px;border:none;
}
h6.settings-title {
font-weight:bold;margin-top:8px;
}
p.settings-description {
color:#7A7A7A;
}
a.settings-action {
margin-top: 9px;
}
/* -----------------------------------------
QA Fixes
----------------------------------------- */
@media only screen and (max-width: 1280px) and (min-width: 768px) {
.cloud-header.home { top: 20px; }
}
/* -----------------------------------------
Related searches
----------------------------------------- */
.relatedcontent-panel {float:left;margin-top:4px;display:none;max-width:730px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* -----------------------------------------
Autocomplete
----------------------------------------- */
.ui-autocomplete {border:1px solid #d4d4d4; padding-top:4px; padding-bottom:8px; -webkit-box-shadow: 0 4px 6px -6px black; -moz-box-shadow: 0 4px 6px -6px black; box-shadow: 0 4px 6px -6px black;}
.ui-autocomplete hr {margin-bottom:8px;}
.ui-autocomplete.ui-menu {z-index: 19999; background:white; width:348px; padding-top:8px;}
.ui-helper-hidden-accessible {position:absolute;left:-999em;}
.ui-selectmenu-text {font-size:13px;color:#7a7a7a;}
.ui-selectmenu-button span.ui-selectmenu-text {padding:0 2.1em 0.4em 0; }
.ui-menu {background:#fff; border: solid 1px #bbb; margin-top:4px;}
.ui-menu .ui-state-focus{margin: 0;}
.ui-menu .ui-menu-item {font-size:11px; color:#7a7a7a; height:22px; margin-bottom:2px;}
.ui-menu-item:hover {cursor: pointer;}
.ui-menu-item .ui-state-focus{ background:#f8f8f8; color:#ff4200; padding-left:0; height:14px;}
.ui-menu-item .ui-state-focus > span { background:#f8f8f8; color:#ff4200;}
.ui-menu-item.ui-state-focus { background:#f8f8f8; color:#ff4200;}
.ui-menu-item.ui-state-focus .ui-autocomplete-text { color:#ff4200;}
/*
.ui-state-focus{ background:#f8f8f8; color:#ff4200; padding-left:0; width:100%; height:14px;}
.ui-state-focus > span { background:#f8f8f8; color:#ff4200;}
.ui-state-focus > .foundicon-search::after {
content: "Press [delete] to remove";
float: right;
}
*/
.ui-autocomplete-img{max-height:14px; padding-left:8px; padding-right: 10px; padding-top:6px; padding-bottom:0; margin-top:0}
.ui-autocomplete-text{ font-size: 12px; color: #535353; position: absolute; padding-top:0; margin-top:0;padding-bottom:0; margin-bottom:0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 98%;
}
.ui-autocomplete-text:hover{ color: #ff4200;}
.x-autocomplete-text{ vertical-align: top; line-height:18px;}
.x-autocomplete-text > span { line-height: 18px;/*vertical-align: middle;*/ }
.x-autocomplete-text > span > span { font-weight:bold; vertical-align: top; /*line-height: 16px;*/}
/*
.ui-icon {
width: 16px;
height: 16px;
}
*/
.ui-state-default .ui-icon{ background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-icon-triangle-1-s { background-position: -64px -16px; width: 16px; height: 16px;}
/*.ui-icon-triangle-1-s { background-image: url(../images/header/menu-icon-dropdown-off.png); } */
.ui-selectmenu-button{ height:21px;}
.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top: -10px;position:absolute;top:50%}
.ui-selectmenu-menu .ui-menu-item {font-size:11px; color:#7a7a7a; height:14px; margin-bottom:2px;}
.sort-menu {display:inline; font-size:13px; color:#7a7a7a; vertical-align:top;}
.fi-share:before{
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}