/* BOOTSTRAP GUTTER OVERRIDE */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 10px; padding-right: 10px; } /* these variables are populated in the site.master file based on the white label record :root { --color-1: #4bbc86; } */ /* FONTS ******************************************************************************************* */ /* GENERAL ******************************************************************************************* */ .forPrint { display: none; } .textBreakLinks a { word-break: break-all; } input::-ms-clear { display: none; } body { padding: 0; background: #ededed; color: #1b1b1b; font-family: 'Open Sans', sans-serif; font-size: 13px;} form#aspnetForm { margin: 0;} #divHeader, form#aspnetForm { min-width: 1260px; } form#aspnetForm form#aspnetForm { min-width: initial; } /*in social post lists we may get a form within a form on the page if the client doesnt have social accounts*/ #sidePanel, form#aspnetForm { min-height: 630px; } /*min-HEIGHT so the Service Request area doesn't overlap the nav*/ #shell { margin: 0 0 0 225px; padding: 95px 0 7px 0; z-index: 1; } #contentArea { width: 97%; margin: 0 auto 0 auto; } @media (min-width: 1600px) { #contentArea { width: 90%; } /*at a certain width we can leave a little bit of white space for large monitors, below this we want the content to be 100% to make use of all available space*/ } .row { margin-left: 0; margin-right: 0; } a { color: var(--color-1);} a:hover { color: var(--color-1);} a, a:visited, a:hover, a:active, a:focus { } hr { border: none; border-bottom: 1px solid rgb(var(--color-5),.2); height: 1px;} .center { text-align: center; margin: 0 auto; } /* To be used anytime text needs to be centered */ .table th.center { text-align: center; margin: 0 auto; } /* To be used anytime text needs to be centered */ .table td.center { text-align: center; margin: 0 auto; } /* To be used anytime text needs to be centered */ .table td.center input { float: none; } /*when table is in a form-horizontal parent then inputs get a float which messes up text-align statements*/ .right { text-align: right; margin: 0 auto; } /* To be used anytime text needs to be centered */ .table td.right, .table th.right { text-align: right; margin: 0 auto; } /* To be used anytime text needs to be right aligned */ .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f6f6f6; } .table-striped > tbody > tr:hover td { background-color: #fff9e6; } /* HEADER */ #divHeader { background: var(--color-2); height: 62px; text-transform: uppercase; position: fixed; width: 100%; z-index: 1000; box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.07);} #ctl00_ddlAccounts { visibility: hidden; /*dont let the native dropdown flash before the CHOSEN plugin loads*/ } #accounts { float : left; margin-left: 340px; margin-left: 18%; /*percentage so smaller resolutions have the dropdown closer to the side panel*/ } #accounts select { width: 385px !important; height: 62px !important; background: var(--color-4) !important; color: #FFF !important; font-size: 16px !important; padding-left: 10px !important; margin: 0 !important; } #accounts .chosen-container { font-size: 15px; } #accounts .chosen-container a.chosen-single { background: var(--color-4); height: 62px; line-height: 62px; color: rgb(var(--color-5)); box-shadow: none; border: none; border-radius: 0; padding-left: 25px; text-transform: none;} .chosen-container .chosen-results { padding: 0 !important; } .chosen-container-single .chosen-single div { margin-right: 10px !important; } .chosen-container-single .chosen-single div b { background-position: 0 20px !important; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 20px !important; } #accounts .chosen-container .chosen-drop { text-transform: none; } /*dont uppercase the account name in the dropdown*/ #accounts #ctl00_lblAccountName { text-transform: none; } /*dont uppercase the account name when its plain text (no dropdown)*/ #accounts .chosen-container.chosen-with-drop .chosen-single { border-radius: 3px 3px 0 0; /*remove the bottom radius when dropdown shown*/ } #accounts .chosen-container .chosen-search { border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } #accounts .chosen-container .chosen-search input:focus { box-shadow: none; } #accounts .chosen-container .chosen-search #divIncludeNotActiveAccounts { margin-top: 2px; } #accounts .chosen-container .chosen-search #divIncludeNotActiveAccounts label { display: inline;} #accounts .chosen-container .chosen-search #chkIncludeNotActiveAccounts { display: inline; } #accounts .chosen-container .chosen-results { max-height: 300px; } #accounts .chosen-container .chosen-results li { padding: 4px 6px; white-space: nowrap;} #accounts .chosen-container .chosen-results li.highlighted { background: var(--color-1); } #accounts h2#ctl00_lblAccountNameShell { color: rgb(var(--color-5)); font-size: 15px; background: var(--color-4); height: 62px; width: 385px; line-height: 62px; padding-left: 25px; display: block; overflow: hidden; padding-right: 26px; text-overflow: ellipsis; white-space: nowrap; } #welcome { float : left; color: rgb(var(--color-5)); margin-left: 25px; line-height: 62px; } #ulUtilityNav { position: absolute; right: 60px; line-height: 62px; } #ulUtilityNav li { display: inline-block;} #ulUtilityNav li a { color: rgb(var(--color-5)); } #ulUtilityNav li h1 { color: rgb(var(--color-5)); font-size: 16px; margin: 0; font-weight: normal; white-space: nowrap; text-transform: uppercase; } #ulUtilityNav > li > a { line-height: 62px; display: inline-block; height: 62px; padding: 0 10px 0 10px; } #ulUtilityNav li a i { margin-right: 10px; } #ulUtilityNav li ul { display: none; background: var(--color-4); margin: 0; padding: 0; padding: 10px 30px 25px 25px; text-transform: none; } #ulUtilityNav li ul li { display: block; } #ulUtilityNav li ul li a { display: block; } #ulUtilityNav li:hover > a { background: var(--color-4); text-decoration: none; } #ulUtilityNav li:hover ul { display: block; position: absolute;} #ulUtilityNav li:hover ul li { margin: 0; padding: 0; } #ulUtilityNav li:hover ul li a { white-space: nowrap; line-height: 26px; display: block; padding-left: 15px; color: rgb(var(--color-5)); } #ulUtilityNav li:hover ul li a:hover { color: var(--color-1); } #ulUtilityNav li ul hr { border-bottom: 1px solid rgb(var(--color-5),.2); } /* SIDE PANEL */ #sidePanel { position: fixed; top: 0; width: 225px; background: var(--color-3); bottom: 0; z-index: 1001; } #logo, #coBrandedLogo { margin: 32px 0 0 20px; } #logo a, #coBrandedLogo a { display: inline-block; text-align: center; text-decoration: none;} #logo img, #coBrandedLogo img#ctl00_imgCoBrandedLogo { max-width: 186px; max-height: 85px; } div#coBrandedPoweredBy { width: 186px; text-align: center; margin-top: 5px; color: rgb(var(--color-5)); font-size: 11px;} #ulMainNav { margin: 0; padding: 0; margin-top: 25px; } #ulMainNav li { margin: 0; padding: 0; } #ulMainNav li a { color:rgb(var(--color-5)); } #ulMainNav li a:hover { text-decoration: none; } #ulMainNav > li { position: relative; } #ulMainNav > li > a { display: block; line-height: 35px; border-left: 5px solid var(--color-3); padding: 0 22px 0 22px; text-transform: uppercase; } /*main nav links defaul to 35px line height so when combined with the sidePanel min-height of 630 it all shows */ @media (min-height: 700px) { #ulMainNav > li > a { line-height: 40px; } } @media (min-height: 900px) { #ulMainNav > li > a { line-height: 65px; } } #ulMainNav > li:hover > a { border-left-color: var(--color-1); background: var(--color-4); } #ulMainNav > li > a i { margin-right: 15px; font-size: 17px; width: 20px; text-align: center; } #ulMainNav > li.activeMenu > a { border-left-color: var(--color-1); background: var(--color-4); } #ulMainNav > li > a:after { height: 1px; display: block; background: rgb(var(--color-5)); content: ''; margin-left: -7px; opacity: .2; } /*hover menu*/ #ulMainNav > li > ul { display: none; position: absolute; top: 0; left: 225px; background: var(--color-4); margin: 0; padding: 25px 30px 25px 25px; z-index: 1002; min-width: 250px; overflow-y: auto; box-shadow: 2px 2px 4px 0px #00000012; } #ulMainNav > li:hover > ul { display: block; } #ulMainNav > li > ul > li { list-style: none; margin: 0; padding: 0; } #ulMainNav > li > ul > hr { margin: 10px 0 15px 0; } #ulMainNav > li > ul > li.sectionSummary { color: rgb(var(--color-5)); font-size: 11px; line-height: 16px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(var(--color-5),.2); } #ulMainNav > li > ul > li a { white-space: nowrap; line-height: 26px; display: block; padding-left: 15px; color: rgb(var(--color-5)); } #ulMainNav > li > ul > li a:hover { color: var(--color-1); } #ulMainNav > li > ul > li h1 { color: rgb(var(--color-5)); font-size: 16px; margin: 0; font-weight: normal; white-space: nowrap; text-transform: uppercase; } #ulMainNav > li > ul > li h2 { color: rgb(var(--color-5)); font-size: 14px; margin: 0; font-weight: normal; white-space: nowrap; margin-top: 5px; } #ulMainNav > li > ul > li h3 { color: rgb(var(--color-5)); } #ulMainNav > li > ul > li h4 { color: rgb(var(--color-5)); } #mainNavReportsAdobeIcon { width: 15px; margin-top: -4px; } #ulMainNav .liMainNavAddCustomLink { margin-top: 20px; } #ulMainNav .hypMainNavAddCustomLink { padding: 0; } #ulMainNav > li > ul > li > ul { margin: 0; padding: 0; } #ulMainNav > li > ul > li > ul > li { margin: 0; padding: 0; list-style: none; } #sidePanelFooter { padding: 0 20px 0 20px; position: absolute; bottom: 20px; color: rgb(var(--color-5)); width: 225px; } #sidePanelFooter a { color: rgb(var(--color-5)); width: 100%;} #sidePanelFooter a.btn-primary { color: rgb(var(--color-5)); background: var(--color-4); border: 1px solid rgba(var(--color-5), .15);} #sidePanelFooter ul { margin: 0; padding: 0; } #sidePanelFooter ul li { margin: 0; padding: 0; list-style-type: none; margin-bottom: 10px; } /* Tooltips ******************************************************************************************* */ .tooltipElement { cursor: default; } a.tooltipElement { cursor: pointer; } span.tooltipElement { cursor: default; margin-left: 5px; padding: 0 5px; } span.tooltipElement:not(.tooltipElementDefaultBG) {background: url(../img/questionmark.gif) no-repeat; background-position: center;} .control-group .tooltipElement { margin-top: 5px; } /*when tooltip is next to field label like on account settings page*/ #tooltip { min-width: 150px; border-radius: 5px; box-shadow: 0 2px 2px -2px #191617;border: 1px solid #ccc; background-color: #FFFFFF; font-family:Tahoma; max-width: 250px; padding: 10px; } #tooltip h3, #tooltip p { line-height: normal;} #contentArea .box #tooltip h3 { background: none;} #tooltip h3 {padding: 5px; font-weight: normal; margin: 0px;} #tooltip p {padding: 5px; margin:0px;} #tooltip h3 img, #tooltip p img {display: none;} /* hide advertisements */ #tooltip h3 a, #tooltip p a {display: none;} /* hide advertisements */ /* Core qTip styles */ .ui-tooltip, .qtip { z-index: 9999; position: absolute; left: -28000px; top: -28000px; display: none; max-width: 350px; min-width: 50px; line-height: 12px; border-width: 1px; border-style: solid; box-sizing: content-box !important; /*override box-sizing that bootstrap applies because the plugin doesn't size things right*/ } /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid { display: block; visibility: hidden; position: static !important; float: left !important; } .ui-tooltip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar { position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: 700; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } .ui-tooltip-content ul { padding-left: 20px; margin-bottom: 0; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default { position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */ .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon { display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .ui-tooltip-icon .ui-icon { width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus { } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover { } /*! Default tooltip style */ .ui-tooltip-default { border-color:#808492; border-radius: 5px; box-shadow: 0 2px 2px -2px #ddd; background-color: #FFFFFF; color: #17181c; line-height: 160%; padding: 10px; } .ui-tooltip-default .ui-tooltip-titlebar { background-color: #FFEF93; } .ui-tooltip-default .ui-tooltip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /*used by targetinghub*/ .ui-tooltip-content hr { border-color: #26a772; margin: 5px 0; } /* Help Menus ************************************************************************* */ h1 a.tooltipElement, h1 a.tooltipElementFixed { cursor: default; position:absolute; top:0; right: 0; color: rgb(var(--color-5)); } h2 a.tooltipElement, h2 a.tooltipElementFixed { cursor: default; } h1 a.sectionLink { float: right; margin-right: 10px; color: var(--color-1); font-size: 14px; text-transform: none; text-decoration: underline; } /* TITLEBAR ******************************************************************************************* */ .timeoutPopup #logo { display: block; margin: 0; padding: 20px; } .timeoutPopup #logo img { max-width: 250px; max-height: 40px; } /* ALERTS */ .alert-error { /*copy the new bootstrap 4 alert-danger styles to be used by the old bootstrap 3 alert-error class*/ background-color: #fbe9eb; border-color: #ffb3bb; } .alert-warning { border-color:#ffd24d; color: #8a6700; background-color: #fff9e6;} .alert-success { border-color: #bedac4; background-color: #edf7ef;} /* MAIN NAVIGATION ******************************************************************************************* */ /* BODY *********************************************************************************************** */ /* Content Padding for Items in Boxes ****************************************** */ #contentArea .col-equal-box-height { padding-bottom: 25px; } #contentArea .col-equal-box-height .box { margin-bottom: 0; height: 100%; } #contentArea p, .box p, .btn-group, .key, h2 , fieldset, .control-group, .fields, .chart { padding: 0; margin-bottom: 13px;} .block { display: block;} /* Chart ************************************************************************* */ .chart { margin: 20px 0 ;} /* Icons ************************************************************************* */ h1 img.targetinghubTitleIcon { float: left; margin-right: 5px; } .box h1 i { margin-right: 15px; } .icon-bullhorn { background-position: -24px -144px;} .icon-thumbs-up { background-position: -95px -144px; } .icon-globe { background-position: -336px -144px; } .icon-cog { background-position: -432px 0px; } /* Used for 'View Options' */ .icon-list-alt {} /* BUTTONS *************************************************************************** */ .btn-group .dropdown-toggle:hover { color: #fff; border: 1px solid #737783;} #contentArea .dropdown-shell-hover:hover .dropdown-menu { display: block; margin: 0; border-radius: 5px; margin: -1px 0 0 0; } .dropdown-menu li a img { border-radius: 5px; margin-top: -2px;} /* Headlines ************************************************************************* */ #contentArea h1.pageTitle {margin: 0 0 25px 0; color: #1D98E0; font-weight: normal; display: inline-block; color: #464f58; font-size: 25px; line-height: 25px; } #contentArea h1.pageTitle:after { border-bottom: 4px solid var(--color-1); content: ''; display: block; margin-top: 6px; } #contentArea h2.pageTitleSub {display: block; color: #464f58; font-size: 20px; line-height: 20px; margin-bottom: 20px; margin-top: -10px; /*negative margin to pull it up because the normal page title h1 has a large bottom margin*/} #contentArea a.pageBackLink, #popupPage a.pageBackLink { display: block; text-decoration: underline; margin-bottom: 10px; margin-top: -10px; /*negative margin to pull it up because the normal page title h1 has a large bottom margin*/ } .box h2 { margin: 0 -15px 0 -15px; font-size: 14px; padding-left: 20px; position:relative; height:28px; line-height:28px; font-weight: normal; } .box h2 { background: #f6f6f6;} *:first-child+html .box h2 { position: static; height: auto;} /* from Kyle - i don't know what this does but it breaks the Like buttons on the homepage so I added the next one to fix Like buttons on the homepage */ *:first-child+html body.homePage .box h2 { position: relative; height: 38px; } /* FIx like buttons on homepage */ .box h2.first { margin-bottom: 15px; } .box h2 span { font-size: 11px; font-weight: normal; float: right;margin: 0 10px 0 0; } .box h1 { margin: 0 -15px 0 -15px; display: block; position:relative; text-transform: uppercase; background: var(--color-3); line-height: 50px; color: rgb(var(--color-5)); font-size: 15px; padding: 0 20px 0 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; white-space: nowrap; border-bottom: 1px solid rgb(var(--color-5),.15); } body.themeLight .box h1 { background: var(--color-4); } /*body.homePage .box h1 { margin-left: 0; margin-right: 0; }*/ /*body.homePage .box h2 { margin-left: 0; margin-right: 0; }*/ h2 { } h2 ~ h2 { margin: -20px 0 -10px 0; } /*used for pages like forms edit where we show the form domain name and the form name and we want them tigther together*/ .box h3 { background: #ececec; margin: 0 -15px 0 -15px; font-size: 13px; padding-left: 20px; position:relative; height:28px; line-height:28px; } /* ALERTS ************************************************************************* */ #contentArea .box .alert, #popupPage .box .alert { margin: 10px 0px 13px; padding: 8px 8px -8px 8px; /*padding: 8px 9px 1px 0px; padding: 0px;padding-top: 10px;*/} #contentArea .box .alert-info {border-color: #b3d5e6; background-color: #ebf7f9;} #contentArea .box .alert-success { border-color: #bedac4; background-color: #edf7ef;} #contentArea .box li .alert { margin-left: 0;} #contentArea .alert ul { border: none; margin: 5px 0; padding: 0; } #contentArea .alert ul li { border: none; list-style: disc; margin: 0 0 0 20px; padding: 0;} #contentArea .alert ul li:hover { background: none !important;} #contentArea .alert ul li a {} #contentArea .alert ul li a:hover {} .alert button { border: none; background: none; } .alert .close { right: 4px; top: -1px; } #contentArea .alert p:first-child { margin: 0;} #contentArea .alert p { margin: 8px 0 0 0; padding: 0;} .alert p:first-child { margin: 0; } /* INACTIVE ALERTS ******************************************************** */ .trendingCities { min-height: 500px } /*when these rows are inactive they still need a min-height so the background images show well*/ .googleMyBusiness { min-height: 500px;} body.homeportfolioPage #contentArea .box #ctl00_content_divMarketingPlanInformation.alert-info.inactive { background: url(../img/inactiveMarketingPlanPortfolio.jpg) top left no-repeat; height: 442px; border: none; padding: 0; width: 100%; border-radius: 0px;} #divCompetitorReputationInactive.alert-info.inactive { background: none !important; border: none !important;} #divCompetitorReputationInactive.alert-info.inactive h3 {color: #49433D; margin-left: 35px; } #divCompetitorReputationInactive.alert-info.inactive div { color: #555555; } #divCompetitorReputationInactive.alert-info.inactive p { width: 250px; } #divCompetitorReputationInactive.alert-info.inactive a {text-decoration: underline;margin-left: 68px; color: #555555; } #divCompetitorReputationInactive.alert-info.inactive a:hover {text-decoration: none; cursor: pointer !important; } #contentArea .box .alert-info.inactive div { color: #856404; text-align: center; min-width: 150px; border-radius: 5px; box-shadow: 0 2px 2px -2px #191617;border: 1px solid #fdda6d; background-color: #fff3cd; margin-top: 105px; padding: 10px 17px 10px 3px; } body.homeportfolioPage #contentArea .box .alert-info.inactive div { color: #856404; text-align: center; min-width: 150px; border-radius: 5px; box-shadow: 0 2px 2px -2px #191617;border: 1px solid #fdda6d; background-color: #fff3cd; margin-top: 105px; padding: 10px 17px 10px 3px; } #contentArea .box #ctl00_content_ucWebsitePerformance_divWebsitePerformance, #contentArea .box #ctl00_content_divDetailPerformance.alert-info.inactive { padding-top: 10px; margin: 0; } body.homeportfolioPage #contentArea .box #ctl00_content_divWebsitePerformance.alert-info.inactive div { margin-top: 82px;} #contentArea .box #ctl00_content_divTrendingCities.alert-info.inactive div, #contentArea .box #ctl00_content_divTopReferringSites.alert-info.inactive div { } #contentArea .box .inactive div { } #contentArea .box .alert-info.inactive div h3, #divCompetitorReputationInactive.alert-info.inactive h3 { color: #856404; background: none !important; font-size: 14px; } #contentArea .box .alert-info.inactive div a:hover { cursor: pointer; } #contentArea .box .divWebsiteCMSLoadArea h2 a.tooltipElement { cursor: default; position: absolute; top: 0; right: 15px; color: #444444; } #contentArea .box .imgChangeArrowIndicator { margin-left: 3px; } #contentArea .box .imgChangeArrowIndicator.fa-arrow-up { color: #4bbc86; } #contentArea .box .imgChangeArrowIndicator.fa-minus { font-size:smaller; } /* #tooltip h3, #tooltip p { font-size: 11px; line-height: normal;} #tooltip h3 {padding: 5px; font-weight: normal; margin: 0px;} #tooltip p {padding: 5px; margin:0px;} #tooltip h3 img, #tooltip p img {display: none;} #tooltip h3 a, #tooltip p a {display: none;} */ /* Badges ************************************************************************* */ #contentArea li span.badge { width: auto !important; margin: 0 4px 0 0; color: #fff; font-weight: normal; border-radius: 4px; padding: 0px 5px 0px; } #contentArea li span.badge.circle { margin: 6px 5px 0 0; width: 5px; height: 5px; border-radius: 55px; padding: 1px 2px;} #contentArea li span.badge strong { display: inline; font-weight: 700; } #contentArea li span strong { margin: 0 20px 0 0; } #contentArea li span.badge-success { background: var(--color-1); } /* TOOLTIP *********************************************************************** */ span.tooltipElement { } /* KEY ************************************************************************* */ .key { padding: 12px 20px 0 20px; } .key a, .myreputation .key { } .myreputation .key { overflow: auto; padding: 3px 0px 0 0px; margin-bottom: 7px; } .myreputation .key a { padding: 3px 7px 3px 0px; display: block; float: left; } .myreputation .key a.expedia, .myreputation .key a.tripadvisor, .myreputation .key a.opentable, .myreputation .key a.googlemybusiness, .myreputation .key a.booking, .myreputation .key a.hotels, .myreputation .key a.yelp { background-repeat: no-repeat; background-position: 2px 2px;} .myreputation .key a.expedia { background: url(../img/design/iconExpedia.png) center left no-repeat ; margin-top: 5px; margin-bottom: 4px; padding-left: 20px;} .myreputation .key a.tripadvisor { background: url(../img/design/iconTripAdvisor.png) center left no-repeat; margin-top: 5px; margin-bottom: 4px; padding-left: 20px;} .myreputation .key a.opentable { background: url(../img/design/iconOpenTable.png) center left no-repeat; margin-top: 5px; margin-bottom: 4px; padding-left: 20px;} .myreputation .key a.yelp { background: url(../img/design/iconYelp.png) center left no-repeat; margin-top: 5px; margin-bottom: 4px; padding-left: 18px;} .myreputation .key a.booking { background: url(../img/design/iconBooking.com.png) center left no-repeat ; margin-top: 5px; margin-bottom: 4px; padding-left: 20px;} .myreputation .key a.hotels { background: url(../img/design/iconHotels.com.png) center left no-repeat ; margin-top: 5px; margin-bottom: 4px; padding-left: 20px;} .myreputation .key a.googlemybusiness { background: url(../img/design/iconGoogleMyBusiness.png) center left no-repeat; margin-top: 5px; margin-bottom: 4px; padding-left: 20px; padding-right: 0;} .myreputation .key .reviewKeySubText { float: none; display: block; padding: 0 !important; line-height: 9px; } .iconExpedia { padding-left: 2px;} /* TABLES ********************************************************************** */ .table { margin: 0 0 20px 0; padding: 0 20px; border-bottom: 1px solid #ccc; } .table { border-left/*\**/: none\9; border-right/*\**/: none\9; } thead, tbody { } .table tr>th, .table tr>td { } .table th, .table td.rvColumnHeader { font-weight: bold; color: #231F20; border: none !important; } .table tr { padding: 0 20px;} .table th, .table td { border-top: 1px solid #ccc; padding:8px 5px; } .table.first { margin-top: -15px;} .table.last { margin-bottom: 15px;} .table td { font-weight: normal; border-left: 1px solid #ccc; } .table td a { font-weight: normal; } .table td:first-child { border-left: none;} .table td.fifty {width: 50%;} .table.nomargin { margin: 0;} .table th.highlightValue { /*font-size:13px;*/ } #ctl00_content_gvTrendingCities th, #ctl00_content_gvTrendingCities td, #ctl00_content_gvTopReferringSites th, #ctl00_content_gvTopReferringSites td { padding: 5px 10px; } #ctl00_content_gvTopReferringSites th.referrerColumn3 { with: 200px;} td.referrerColumn2, td.referrerColumn3, td.cityColumn2, td.cityColumn3 { width: 100px; text-align:right;} th.referrerColumn2, th.referrerColumn3, th.cityColumn2, th.cityColumn3 { text-align:center;} tr.tablePaging table td { border: 1px solid #CCCCCC !important; padding: 5px 10px 5px 10px; } /* TABS ********************************************************************** */ .tabbable { position: relative;} .tabbable ul {} .tabbable ul li {} .tabbable ul li:hover {} /*tabs used on homepage My Stats area and on Social Buzzhub page for differnet social account postings*/ #contentArea ul.nav-tabs { top: -33px; left: 200px; position: absolute; border: none; margin: 0; padding: 0; } #contentArea ul.nav-tabs li { border: none; padding: 0; margin: 0 40px 0 0; position:relative; } #contentArea ul.nav-tabs li:hover { background: none; } #contentArea ul.nav-tabs li a:hover { padding-bottom: 11px; border-bottom: 3px solid #4bbc86; } #contentArea ul.nav-tabs li a { margin: 0; padding: 0; border: none; color: #f2f0f0; font-weight: normal; text-decoration: none; text-transform: uppercase; background: none; color: rgb(var(--color-5)); } #contentArea ul.nav-tabs li.active a {margin: 0; border-bottom: 3px solid var(--color-1); padding-bottom: 11px; } #contentArea .tab-content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #ffffff none repeat scroll 0 0; border-color: #cccccc; border-image: none; border-style: solid; border-width: 0px; display: block; /*height: 358px;*/ min-height: 1px; margin: 0px 0 8px; width: auto; } .divWebsitePerformanceLoadArea { text-align: center; position: relative; min-height: 200px; } .divWebsitePerformanceLoadArea h2 { margin-bottom: 10px; margin-left: 0; margin-right: 0; } .divWebsitePerformanceLoadAreaSide1 { padding-right: 5px; text-align: left; } .divWebsitePerformanceLoadAreaSide2 { padding-left: 5px; text-align: left; } table.divWebsitePerformanceLoadAreaTable th { background-color: #f6f6f6; font-weight: normal; font-size: 14px; line-height: 28px; } table.divWebsitePerformanceLoadAreaTable td { border: 1px solid #ccc; height: 55px; } table.divWebsitePerformanceLoadAreaTable td span { display: block; font-size: 21px; font-weight: 400; color: #191617; text-align: center;} #ctl00_content_tabContentRevenuePerformance h2 { margin-left: 0; margin-right: 0; } .divWebsitePerformanceLoadArea .divAccountPerformanceInsights, .divContentRevenuePerformanceLoadArea .divAccountPerformanceInsights { margin: 10px 10px 10px !important; text-align: left;} .divWebsitePerformanceLoadArea .divAccountPerformanceInsights .divAIInsights, .divContentRevenuePerformanceLoadArea .divAccountPerformanceInsights .divAIInsights, .divChannelPerformanceLoadArea .divAccountPerformanceInsights .divAIInsights, #ctl00_content_divTrendingCitiesActive .divAccountPerformanceInsights .divAIInsights, .form-horizontal .divAccountPerformanceInsights .divAIInsights, .form-vertical .divAccountPerformanceInsights .divAIInsights { text-align: left; font-weight: bold; } .divWebsitePerformanceLoadArea .divAccountPerformanceInsights ul, .divContentRevenuePerformanceLoadArea .divAccountPerformanceInsights ul, .divChannelPerformanceLoadArea .divAccountPerformanceInsights ul, #ctl00_content_divTrendingCitiesActive .divAccountPerformanceInsights ul, .form-horizontal .divAccountPerformanceInsights ul, .form-vertical .divAccountPerformanceInsights ul { margin: 0 !important; } .divWebsitePerformanceLoadArea .divAccountPerformanceInsights li, .divContentRevenuePerformanceLoadArea .divAccountPerformanceInsights li, .divChannelPerformanceLoadArea .divAccountPerformanceInsights li, #ctl00_content_divTrendingCitiesActive .divAccountPerformanceInsights li, .form-horizontal .divAccountPerformanceInsights li, .form-vertical .divAccountPerformanceInsights li { list-style: disc !important; border-bottom: none !important; padding: 5px 0 0 0 !important; padding-left: 0 !important; text-align: left; } .divWebsitePerformanceLoadArea .divAccountPerformanceInsights li span, .divContentRevenuePerformanceLoadArea .divAccountPerformanceInsights li span, .divChannelPerformanceLoadArea .divAccountPerformanceInsights li span, #ctl00_content_divTrendingCitiesActive .divAccountPerformanceInsights li span, .form-horizontal .divAccountPerformanceInsights li span, .form-vertical .divAccountPerformanceInsights li span { float: none !important; } .divChannelPerformanceLoadArea .divAccountPerformanceInsights, .form-horizontal .divAccountPerformanceInsights, .form-vertical .divAccountPerformanceInsights { margin-bottom: 0 !important; } .divViewMoreAIInsights { margin-top: 5px;} #ctl00_content_divStats .tab-content { display: flow-root; /*needed to make sure the AI insights margin top does not cause margin collapsing and mess up the tab headers hanging too low */ } /* FORMS ********************************************************************** */ input,select { margin-right: 10px; } .btn-group input { margin-right: 0;} textarea { resize: both; } *:first-child+html .calMove { clear: left; width: 400px; } .btn-primary.disabled, .btn-primary[disabled], #contentArea .btn-group a.disabled, .btn-primary.disabled, .btn-primary[disabled]:hover, #contentArea .btn-group a.disabled:hover { text-shadow: none !important; background: #dbdbdb !important; border-color: #cccccc !important; color: #2b2b2b !important;} a.btn.disabled, fieldset:disabled a.btn { pointer-events: auto; } table#ctl00_content_rptBilling_ctl00_gvwBilling tbody tr.rowAdjustment td { background-color: #27d48d !important; color: #fff;} .form-horizontal table tr.emptyTable td { padding: 5px 5px 5px 15px; height: 20px; } .form-horizontal.btnShift .btn-group { margin: 0 0 18px 160px;} .control-group div.controls { margin-top: 5px; } #filters { display: none; padding: 0 20px !important;} #focusedInput { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; /* IE6-9 */ } input:focus, textarea:focus { box-shadow: 2px solid green;} /* ************************** */ #ctl00_content_rv_ctl05, #ctl00_content_rv_ctl06, #parametersShell, #contentArea .box.span1, #contentArea .box.span2, #contentArea .box.span3, #contentArea .box.span4, #contentArea .box.span5, #contentArea .box.span6, #contentArea .box.span7, #contentArea .box.span8, #contentArea .box.span9, #contentArea .box.span10, #contentArea .box.span11, #contentArea .box.span12, #contentArea .box.span13, #contentArea .box, #contentArea .box, #contentArea .box, #popupPage .box { background: #FFFFFF !important; margin-bottom: 25px; border-radius: 3px; padding: 0 15px 20px 15px; box-shadow: 0 2px 1px 0px #d6d6d6; width: 100%; box-shadow: 0 0px 4px 2px #dcdcdc; } /* Styling for content containers within the content area*/ .nosidepadding { padding-left: 0px !important; padding-right: 0px !important; } .box-content-negate-side-padding { margin-left: -15px !important; margin-right: -15px !important; } .box-content-side-padding { margin-left: 15px !important; margin-right: 15px !important; } #contentArea .box-content-top-margin, #popupPage .box-content-top-margin { margin-top: 15px; } #contentArea p { } #contentArea a { text-decoration: underline; } #contentArea a.noHREF { text-decoration: none; } #contentArea a:hover { text-decoration: none; } #contentArea ul { border-top: 1px solid #c7c7c7; padding: 0 0 0 15px; margin: 0 2px; margin: 0 1px 14px 0;} #contentArea li { list-style: none; border-bottom: 1px solid #c7c7c7; padding: 6px 0 5px 0; margin: 0 0 0 -14px; padding-left: 19px;} #contentArea ul li ul li:last-child { border: none; } .box > ul > li:hover { display: block; background: #f8f8f8; } #contentArea li a { display: block; padding: 5px 0 6px 0; margin: -6px 0;} *:first-child+html #contentArea li a { margin-top: 0; margin-bottom: 0;} #contentArea li a:hover { display: block; } #contentArea li span { color: #092440; /*width: 45px; */ float: left; } #contentArea .servicesGroup li span, #contentArea #permChecks li span { float:none; } #contentArea ul li ul {margin: 0 0 0 -19px; padding: 0; } #contentArea ul li ul li { margin: 0; padding-left: 19px; } #contentArea form { border: 1px solid #ccc; border-left: none; border-right: none; margin: 0 1px 20px 1px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px;} /*#contentArea form input { display: block; margin: 0 0 15px 0;}*/ .docs-input-sizes select, .docs-input-sizes input[type="text"] {display: block; margin-bottom: 9px; } ul.reputationList { } ul.reputationList li { display: inline; margin: 0 16px 15px 0; } ul.reputationList li a { } ul.reputationList li a:hover { } section footer { display: block; position: absolute; bottom: 15px; padding: 0 0 0 15px; } section footer a {} .form-control { font-size: 13px; } .form-horizontal input, .box input.input-small { margin-right: 5px; } .form-horizontal input.btn { margin-right: 0;} .box select { margin-right: 5px; } .dropdownValues { padding: 10px; } #ctl00_content_rv_ReportViewer { line-height: normal; } /* HORIZONTAL FORMS *************************************************************************** */ .form-horizontal {} .form-horizontal table { } .form-horizontal table td { /*padding: 0 25px 0 0;*/ } .form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; } .form-horizontal input[type="text"] { width: 250px; } .form-horizontal input[type="text"].input-small { width: 100px; } .form-horizontal input[type="text"], .form-horizontal input[type="number"], .form-horizontal input[type="password"], .form-horizontal select, .form-horizontal textarea { border: 1px solid #cccccc; border-radius: 3px; padding: 4px; } .form-horizontal input[type="image"], .form-horizontal input[type="checkbox"], .form-horizontal input[type="radio"] { width: auto; } input[type="button"], input[type="reset"], input[type="submit"] { width: auto; height: auto; } .form-horizontal label { } .form-horizontal .form-actions { padding-left: 160px; margin: 0; } .form-horizontal .controls { margin-left: 160px; } .form-horizontal .control-group { margin-bottom: 18px; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; } .form-horizontal .control-group:after { clear: both; } .input-append input { margin-right: 0; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-right: 0 !important; } /* VERTICAL FORMS *************************************************************************** */ .form-vertical {} .form-vertical table { } .form-vertical table td { padding: 0 25px 0 0; } .form-vertical input { float: left; display: inline-block; margin-bottom: 0; } .form-vertical label { display: inline; padding-right: 0; font-weight: normal; } .form-vertical .control-group div.controls { padding-left: 10px; overflow: auto; } .fieldGroup { display: block; /*overflow: auto;*/ float: left; } .forceFieldGroupBreak { /* clear: both; */ } /* BUTTON ********************************************************************** */ #contentArea .btn-group a, #contentArea input.btn { text-decoration: none; } .btn { font-size: 13px; border: 1px solid #cccccc; text-decoration: none; text-transform: uppercase; width: auto; border-radius: 5px; } .btn-primary, .btnViewReport { color: #2b2b2b; background: #dbdbdb; text-decoration: none; text-transform: uppercase; width: auto; border-radius: 5px; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff; background-color: var(--color-1); border-color: var(--color-1); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem var(--color-4); } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem var(--color-4); } .btn.focus, .btn:focus { box-shadow: 0 0 0 0.2rem var(--color-4); } #contentArea .btn-group a:hover, .btn-primary:hover { background: #9397a6; border-color: #6d707b;} #contentArea .btn-group ul {padding: 5px 0;} #contentArea .btn-group ul hr { margin: 5px 0;} #contentArea .btn-group ul li { margin: 0; padding: 0 5px; border: none;} #contentArea .btn-group ul li a { margin: 0; padding: 3px 5px 3px 5px; border-radius: 5px;} #contentArea .btn-group ul li a:hover { color: #fff;} #contentArea .btn-group ul li a span.caret { margin-left: 15px;} #contentArea .btn-group input { } #contentArea .dropdown-menu { font-size: inherit; } .btn .caret { margin-top: 7px; margin-left: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; filter: alpha(opacity=30); content: ""; } .passwordupdatePage .alert { margin: 0 0 13px 0;} .btn-group .btn { /*margin-left: -6px;*/} .form-horizontal .btn-group .btn:last-child { } /* Specific Page Areas ******************************************************************************** */ /* Homepage Reports */ /*Position the loading animation correctly*/ /* REPORT LOADERS ********************************************************************************* */ /*loading animation for modal iframe windows similar to the loading animation used for the report loader*/ .modalIFrameWindow::before { content: "\f2f1"; font-family: "Font Awesome 5 Free"; font-size: 23px; font-weight: 900; position: absolute; animation: fa-spin 1.5s infinite linear; top: 50%; left: 50%; z-index: -1; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait, #ctl00_content_rvVisits_AsyncWait_Wait, #ctl00_content_rv_AsyncWait_Wait, #ctl00_content_rvTrendingCities_AsyncWait_Wait, #ctl00_content_rvReferringSites_AsyncWait_Wait, #ctl00_content_rvReviews_AsyncWait_Wait, .customReportLoading { top: 100px !important; left: 40% !important; border-radius: 5px !important; border-color: var(--color-1) !important; border-radius: 5px !important; box-shadow: 0 2px 2px -2px #191617 !important; background: var(--color-1) !important; color: #fff !important; line-height: 160% !important; padding: 15px !important; } /*new report viewer loading box style overrides*/ .WaitControlBackground { height: auto !important; width: auto !important; } .WaitControlBackground .spinnie { display: none !important; } .WaitControlBackground .WaitInfoCell { padding: 0 !important; } .WaitControlBackground .WaitText, .customReportLoading .customReportingLoadingIcon { font-family: Verdana !important; animation: fa-spin 1.5s infinite linear; display: block; height: 20px; font-size: 0px !important; /*hide the standard Loading text within the element so we can show our custom loading icon*/ } .WaitControlBackground .WaitText::before, .customReportLoading .customReportingLoadingIcon::before { content: "\f2f1"; font-family: "Font Awesome 5 Free"; font-size: 23px; font-weight: 900; } .MSRS-RVC { min-height: 250px !important; width: 100% !important; } /*make sure the loading animation doesn't appear over nothing*/ .MSRS-RVC a:visited { color: var(--color-1) !important; } .msrs-printdialog-main { display: none; } /*hide the print dialog by default, hopefully our css applies sooner than the rvc css so users don't see it flash*/ .ToolBarBackground { margin-bottom: 20px !important; padding-left: 10px !important; border-radius: 5px !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border: 1px solid #C6C6C6 !important; width: 100% !important; background-image: none !important; background: #DDDDDD !important; } /*put space between the bar and the report titles*/ .ToolBarBackground input { height: auto !important; } .msrs-printdialog-main p { margin: 0 !important; font-size: inherit !important; padding: 0 !important; } .MenuBarBkGnd { left: auto !important;} .msrs-printdialog-divprintbutton { background: #808492 !important; border-color: #808492 !important; } /* end new report viewer */ #ctl00_content_rvWebsitePerformance_ctl09 { overflow: hidden !important; } #ctl00_content_rvVisits_ctl09 { overflow: hidden !important; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait .CancelLinkDiv, #ctl00_content_rvVisits_AsyncWait_Wait .CancelLinkDiv, #ctl00_content_rv_AsyncWait_Wait .CancelLinkDiv, #ctl00_content_rvTrendingCities_AsyncWait_Wait .CancelLinkDiv, #ctl00_content_rvReferringSites_AsyncWait_Wait .CancelLinkDiv, #ctl00_content_rvReviews_AsyncWait_Wait .CancelLinkDiv { margin-top: 10px !important; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait a, #ctl00_content_rvVisits_AsyncWait_Wait a, #ctl00_content_rv_AsyncWait_Wait a, #ctl00_content_rvTrendingCities_AsyncWait_Wait a, #ctl00_content_rvReferringSites_AsyncWait_Wait a, #ctl00_content_rvReviews_AsyncWait_Wait a { color: #fff !important; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait a:hover, #ctl00_content_rvVisits_AsyncWait_Wait a:hover, #ctl00_content_rv_AsyncWait_Wait a:hover, #ctl00_content_rvTrendingCities_AsyncWait_Wait a:hover, #ctl00_content_rvReferringSites_AsyncWait_Wait a:hover, #ctl00_content_rvReviews_AsyncWait_Wait a:hover { text-decoration: none !important; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait span, #ctl00_content_rvVisits_AsyncWait_Wait span, #ctl00_content_rv_AsyncWait_Wait span, #ctl00_content_rvTrendingCities_AsyncWait_Wait span, #ctl00_content_rvReferringSites_AsyncWait_Wait span, #ctl00_content_rvReviews_AsyncWait_Wait span { color: #fff !important; } #ctl00_content_rvWebsitePerformance_AsyncWait_Wait img, #ctl00_content_rvVisits_AsyncWait_Wait img, #ctl00_content_rv_AsyncWait_Wait img, #ctl00_content_rvReviews_AsyncWait_Wait img { display: none; background: ; } .stats { position: relative; } #ctl00_content_rvVisits_AsyncWait_Wait { top: 163px !important; left: 710px !important; } .reputationReportChart { position: relative; min-height: 278px; } #ctl00_content_rvReviews_AsyncWait_Wait { top: 85px !important; left: 250px !important; } #ctl00_content_rvTrendingCities { position: relative; } #ctl00_content_rvTrendingCities_AsyncWait_Wait { top: 130px !important; left: 140px !important; } #ctl00_content_rvReferringSites { position: relative; } #ctl00_content_rvReferringSites_AsyncWait_Wait { top: 130px !important; left: 140px !important; } /*Override widths and heights the report tries to apply so the text isn't blury */ .ReportViewerControl img { width: auto !important; height: auto !important; } #VisibleReportContentctl00_content_rvWebsitePerformance_ctl09 { } /* Stats ********************************************************************** */ .stats { } .stats .table { margin: -11px 0 20px 0; } .stats .table tr>th, .stats .table tr>td { padding-left: 20px; } .stats .table.revenue { color: #231F20; margin-top: 0; margin: 0; border-bottom: none; border-left: none; border-right: none; } .stats .table.revenue thead { text-align: center !important; } .stats .table-striped tbody tr:nth-child(2n+1) th, .stats .table-striped tbody tr:nth-child(2n+1) th:hover, !tr.headerRowRevenuePerformance th { background: var(--color-2) !important; color: #FFFFFF; } .stats .table.revenue td { background: #FFFFFF; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .stats .table.revenue td, x:-moz-any-link, x:default { } .stats .table.tableSingle th { text-align: center;} .stats .table.tableSingle td { width: 20% !important; text-align: center; padding: 0; padding-top: 62px; padding-bottom: 62px; } .stats .table.tableSingle tr.dataRowRevenuePerformanceYTD td { } .stats #oReportDiv { overflow: hidden !important /*override ssrs inline style attribute*/; } .stats .table.revenue tbody tr:hover td { /* background: none !important;*/ } #ctl00_content_tdRevenueMTD, #ctl00_content_tdRevenueYTD, #ctl00_content_tdGDSRevenueMTD, #ctl00_content_tdGDSRevenueYTD {color: #468847; } /* green text for revenue */ .table.bothRevenuePerformance tr:nth-child(2n+1) { border-bottom: 1px solid #ccc; } tr.headerRowRevenuePerformance th { background-color: #FFFFFF !important; color: #231F20 !important;} .stats .alert { margin-top: 20px;} #contentArea .stats #P7be117c5f68d41159cce564d484880c6_1_oReportDiv .A68895f8db9e942769132d5c2da5fb39815 { display: none; min-height: auto !important; height: auto !important; width: auto !important;} /* Marketing Action Items ********************************************************************** */ .actionItems { } .actionItems li { overflow: hidden;} .actionItems li .actionItemTitle { display: block; clear: left; margin: 0 0 4px 0; overflow: hidden; white-space: nowrap; width: 95%; } #contentArea .actionItems li span { width: auto} #contentArea .actionItems ul { margin: -15px 1px 14px 0;} .actionItems .start { margin: 0 15px 0 0;} .actionItems .end { margin: 0 0 0 15px;} .actionItems .comments { } #contentArea .actionItems .comments a.hasComments { text-decoration: none; padding: 0; margin-top: 2px; width: 16px; height: 14px; background: url('../img/comment-icon.gif') no-repeat; } #contentArea .actionItems .comments a.hasRecentComments { background: url('../img/comment-new-icon.gif') no-repeat; } .calRowHeaders div.colRowHeaderCorner, .calColumnHeaders td { background-color: var(--color-3) !important; } ul#ctl00_content_ulActionPlans li { overflow: hidden; } *:first-child+html ul#ctl00_content_ulActionPlans li { padding-top: 0; } .dateRange { font-size: 10px; padding: 1px 0 1px 20px; margin: 0 0 0 0; background: var(--color-4); color: rgb(var(--color-5));} .largeNumbersLabel { display: block; color: #191617; font-size: 11px; font-weight: bold; } .largeNumbers { color: #191617; display: block; font-size: 24px; font-weight: 700; text-align: center; margin-top: 7px; } .largeNumbersSubNumber { display: block; margin-top: 5px; } /* MY REPUTATION ********************************************************************** */ .myreputation, .trafficRelevancy { } .myreputation .btn-group { } .myreputation td { text-align: center; padding: 12px 0;} .myreputation td span { display: block; font-size: 24px; color: #191617; text-align: center;} .myreputation span { font-weight: normal; padding: 3px 0; } #contentArea .myreputation li { overflow: auto; position: relative; } #contentArea .myreputation li span.reviewDate { padding-top: 0; width: 60px; } #contentArea .myreputation li span.reviewRating { font-weight: normal; padding: 0px 0; } #contentArea .myreputation li img { float: left; margin: 6px 4px 0 2px; } #contentArea .myreputation li img.iconTripAdvisor { margin-top: 2px; margin-left: 11px;} #contentArea .myreputation li img.iconExpedia { margin-top: 1px; margin-left: 9px;} #contentArea .myreputation li img.iconYelp { margin-top: 1px; margin-left: 11px;} #contentArea .myreputation li img.iconOpenTable { margin-top: 1px; margin-left: 10px;} #contentArea .myreputation li img.iconGoogleMyBusiness { margin-top: 1px; margin-left: 10px;} #contentArea .myreputation li img.iconGoogleBusinessProfile { margin-top: 1px; margin-left: 10px;} #contentArea .myreputation li img.iconBooking\.com { margin-top: 1px; margin-left: 10px;} #contentArea .myreputation li img.iconHotels\.com { margin-top: 1px; margin-left: 10px;} #contentArea .myreputation li a { display: block; width: 44%; overflow: hidden; white-space: nowrap; float: left; } .myreputation .block { margin-top: -5px; } span.reviewDate { font-weight: normal; color: #333333} #new { position: absolute; margin: -12px 0 0 -19px;} /* IE7 Fixes */ *:first-child+html #new { position: static; float: left; margin-bottom: -5px;} *:first-child+html .starRating i { margin-right: -5px; } .starRating { margin: 0; min-width: 67px;} .starRating i { margin-right: -7px;} .starRatingNumber { display: inline; margin-left: 8px; } .starRating.one { margin-top: -192px;} .starRating.two { margin-top: -161px;} .starRating.three { margin-top: -130px;} .starRating.four { margin-top: -99px;} .starRating.five { margin-top: -68px;} .myreputation .alert { margin-top: 20px;} .myreputation h2.first { margin-bottom: 0px;} .starRating .fa-circle { color: rgb(0, 170, 108); } /* Upcoming Events ********************************************************************* */ #contentArea .socialCalendar {height: 490px;} #contentArea div.socialCalendar form { border: none; padding: 0; } #contentArea div.socialCalendar .calShell { width: auto !important; margin: 0; } #contentArea div.socialCalendar #pageWidgetEmbedList { margin-bottom: 13px; } #contentArea div.socialCalendar #pageWidgetEmbedGrid form { padding: 0; margin: 0; } #contentArea div.socialCalendar #pageWidgetEmbedList form { padding: 0; margin: 0; } #contentArea div.socialCalendar .calMoreEvents {display: none;} #contentArea div.socialCalendar .calListDayEventTime {display:none;} #contentArea div.socialCalendar .calListDateEventCalendarFriendlyName {display:none;} #contentArea div.socialCalendar .calListDay {padding-left: 0px; background: none; color: gray; margin: 0px 0px 0px 0px; float:left; } #contentArea div.socialCalendar .calListDayShell { display: inline-block; border-bottom: 1px solid #ccc; width: 298px; } #contentArea div.socialCalendar .calListDayEvents { float: left; margin-left: 10px; } #contentArea div.socialCalendar #pageWidgetEmbedList .calListDayShell { padding: 0 10px 0 10px; } #contentArea div.socialCalendar .calListDayEventTitle {font-weight: normal; line-height:28px; width:225px; overflow: hidden; white-space: nowrap; vertical-align:middle; text-decoration: underline; font-size: 13px; } #contentArea div.socialCalendar .calListDayEventTitle:hover {float:right; line-height:28px; width:225px; overflow: hidden; white-space: nowrap; vertical-align:middle; text-decoration: None; } #contentArea div.socialCalendar .calGridDayHasEvents .calGridDayNumber {background-color: #27d48d; color: White ; width: 100%; } #contentArea div.socialCalendar .calGridDayNumber {line-height: 20px;} #contentArea div.socialCalendar .calGrid td.calGridDayOutOfRange div.calGridDayNumber a {color: inherit !important} #contentArea div.socialCalendar .calGrid {line-height: 12px;} #contentArea div.socialCalendar .calGrid td.calGridDayCell div.calGridDayNumber { padding: 0px 0px 0px 0px !important;} #contentArea div.socialCalendar div.divStatusMsg { padding: 0 0 0 10px;} #contentArea div.socialCalendar div.hidden {visibility: Hidden; display: None; } /* Content Planning ********************************************************** */ .pageWidgetEmbedGrid { } .pageWidgetEmbedList { } .SocialCalendarRow .pageWidgetEmbedGrid { } .SocialCalendarRow .pageWidgetEmbedList { } #ctl00_content_ucSocialCalendarsContentPlanning_divSocialCalendarMoreEvents div.inactiveAreaAlign {height: 305px; margin: 10px auto 0px auto; text-align: center;} .SocialCalendarRow {height: 320px !important; } /* Both Content Planning and Upcomming Events ************************************* */ div.socialCalendarMoreEvents {height: 30px; clear:both; float:left;} /* Social Network Visits ********************************************************** */ div.socialnetworkvisits {} div.socialnetworkvisits div.customSocialNetworkVisitsLoading {margin-top:50px; text-align: center;} div.socialnetworkvisits {margin-bottom: 12px; overflow: auto; } div.socialnetworkvisits div.reportResults { border: none; } p.socialServices {margin-top: 30px} .socialnetworkvisits .customReportLoading span { margin-left: 27px; margin-top: -10px; width: auto !important;} span.SocialNetworkLoadingChart {width: 220px;} div.socialnetworkvisits .reportResults { background-color: #FFFFFF; } /* EDIT SOURCES ************************************************************************* */ table.sourcesTable td { padding: 9px; } #sourceURLHelpToggle { display: block; } #contentArea #sourceURLHelp {} #contentArea #sourceURLHelp ul { border: none; margin: 0 40px;} #contentArea #sourceURLHelp ul li { list-style: disc; margin: 0; border: none; padding: 0; } #contentArea #sourceURLHelp p { display: block; clear: left; font-weight: 700;} #contentArea #sourceURLHelp p.sourceURLHelpFootnote { font-size: 11px; font-weight: normal; font-style: italic; padding-left: 40px; } #contentArea #sourceURLHelp ul li a { display: inline; } /* Channel Performance ********************************************************************** */ table { border-color: #ccc; margin: 0;} .bigMetricTables table { margin-bottom: 0; } .bigMetricTables table td { width: 33%;} .bigMetricTables td.iconMonitor, .bigMetricTables td.iconTablet, .bigMetricTables td.iconPhone, .bigMetricTables td.iconFB, .bigMetricTables td.iconUp, .bigMetricTables td.iconDown { background-repeat: no-repeat; padding: 45px 0 15px 0; background-position: center 20px;} .bigMetricTables td:first-child { border-right: 1px solid #ccc; } .bigMetricTables td.iconMonitor { background-image: url(../img/design/iconMonitor.png); } .bigMetricTables td.iconTablet { background-image:url(../img/design/iconTablet.png); } .bigMetricTables td.iconPhone { background-image:url(../img/design/iconPhone.png); } .bigMetricTables td.iconFB { /*background-image:url(../img/design/iconFB.png);*/ } .bigMetricTables td.iconUp { /* background-image:url(../img/design/iconUp.png);*/ } .bigMetricTables td.iconDown { /* background-image:url(../img/design/icondown.png); */} .bigMetricTables td.iconUp span { color: #468847; } .bigMetricTables td.iconDown span { color: #B94A48; } .bigMetricTables td.iconDown span.bold, .bigMetricTables td.iconUp span.bold { margin-top: -5px; font-size: 11px; font-weight: 700; color: #696969;} .bigMetricTables .timeonsite td { padding: 17px 0;} .bigMetricTables .timeonsite td span.avg, .avg { display: block; color: #191617; font-size: 11px; margin: -5px 0 0; } .bigMetricTables td.red span { color: #B94A48; margin-top:7px; } .bigMetricTables td.green span { color: #B94A48; color: #27d48d; margin-top:7px; } .bigMetricTables td span { margin-top:7px; } .bigMetricTables .websiteTraffic td span { margin-top:1px; } .bigMetricTables .websiteTraffic td span img { } .bigMetricTables .websiteCMS td { padding: 17px 0; } .bigMetricTables .websiteCMS td span.avg, .avg { display: block; color: #191617; font-size: 11px; margin: -5px 0 0; } .bigMetricTables .websiteCMS td span { margin-top:1px; } .bigMetricTables td { text-align: center;} .bigMetricTables td span { display: block; font-size: 21px; font-weight: 400; color: #191617; text-align: center;} .bigMetricTables table.table.second { margin-top: -20px;} .bigMetricTables table.table.second, .bigMetricTables table.table.second tr, .bigMetricTables table.table.second td { border-top: none;} .bigMetricTables h2.first { margin-bottom: 0px;} .bigMetricTables .otherChannels td { width:auto; padding: 5px 10px; } .bigMetricTables .otherChannels td.channel { width:auto; padding: 5px 10px; text-align: left;} .channelPerformance h2 a { font-weight: normal; float: right; margin-right: 10px; font-size: 11px; color: #464f58; } /* Social Mentions **************************************************************************** */ .viewOptions h2 { } .viewOptions .control-group { margin-bottom: 35px;} .mentionsOtherWebsites td,.mentionsOtherWebsites th { padding: 5px 7px;} /* View Options **************************************************************************** */ .reportFilters { margin-bottom: 10px !important; overflow: auto; } .viewOptions h2 { } .viewOptions .btn-group {} .filterLabel { margin: 5px 0 0 0;} .filterLabel, .filterField { padding: 5px 5px 5px 5px; float: left; } .btnDropdown { vertical-align: middle; cursor: pointer; padding: 4px 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .txtDropdown { vertical-align: middle; width: 175px; cursor: pointer; margin: 0; } .dropdownValues { z-index: 999; display: none; position: absolute; background: #FFFFFF; border: 1px solid #A9A9A9; width: 200px; height: 200px; overflow: auto; margin-top: 28px; } .form-horizontal .dropdownValues table td { padding: 0; } .form-horizontal .dropdownValues table td label { margin-bottom: 0; text-align: left; } .marketingplanPage .txtDropdown { width: 125px; } .calMonth { clear: left;} .viewOptions .btn-group { clear: left; } /* Trending Cities **************************************************************************** */ .row.third .box { } .row.third .box .btn-group { margin-top: 15px;} /* Websites **************************************************************************** */ .rowWebsites .box { /*min-height: 300px;*/} .rowWebsites .box h2.first, .rowReports .box h2.first { margin-top: -14px; margin-bottom: 0;} .icon-phone { background: url(../img/design/iconPhone.gif) 4px 2px no-repeat;} .icon-fb { /*background: url(../img/design/iconfb.png) 2px 2px no-repeat;*/} .icon-computer { background: url(../img/design/iconcomputer.png) 2px 2px no-repeat;} /* MARKETING PLANNER ******************************************************************* */ .stackFields input { display: block; clear: left;} #popupPage .form-horizontal table td.tdPackageProduct { padding-left: 25px !important;} #popupPage .form-horizontal table.tblChildProducts { border-bottom: 5px solid #ccc !important;} #popupPage .form-horizontal table.tblChildProducts td { padding-left: 25px !important;} .calRowHeaders { width: 193px !important;} .calShell { /*width: 746px !important;*/ } .actionPlanTypesLegend .table tbody tr:hover td { background: transparent !important; } #actionPlanTypesLegend strong, #actionPlanStatusesLegend strong { padding: 0 0 10px 0; } #actionPlanTypesLegend { width: 450px; float: left;} #actionPlanTypesLegend ul.legend { margin: 0; padding: 0; border: none; } #actionPlanTypesLegend ul.legend li { line-height: 25px; margin: 0 2px 0 0; display: inline; border: none; border-top: 1px solid #e8e9e9; border-radius: 5px; } #actionPlanTypesLegend div { margin: 10px 0 0 0;} #actionPlanStatusesLegend { width: 450px; float: left; } #actionPlanStatusesLegend ul { border: none;} #actionPlanStatusesLegend ul li { padding-top: 4px !important; padding-bottom: 4px !important; margin: 0 10px 0 0;} .box #actionPlanStatusesLegend ul li { background-position: 0px 4px; display: inline; border: none; } div.calEvent { margin: 2px 2px 0 1px !important; } #preparationStatusLegend, div.preparationStatus { background-image: url(../img/marketingplan/preparation.png) !important;} #inprogressStatusLegend, div.inprogressStatus { background-image: url(../img/marketingplan/inprogress.png) !important;} #completeStatusLegend, div.completeStatus { background-image: url(../img/marketingplan/complete.png) !important;} #cancelledStatusLegend, div.cancelledStatus { background-image: url(../img/marketingplan/cancelled.png) !important} #needsAttentionLegend, div.needsAttention { background-image: url(../img/marketingplan/attention.png) !important} div.preparationStatus, div.completeStatus, div.cancelledStatus, div.attentionStatus { background-position: 0 2px !important;} table.tblProducts td { padding:5px; } table td.tdPackageProduct { cursor:pointer; font-weight:bold; padding-left:20px; } table .trChildProduct { display:none; } .form-horizontal table tr.trChildProduct td { padding:4px; } table.tblProducts .trChildProducts { display:none; } table.tblProducts .trChildProducts .tblChildProducts { width:100%; } .tdPackageProduct.expanded { background:url(../img/minus.gif) 3px center no-repeat transparent; } .tdPackageProduct.collapsed { background:url(../img/plus.gif) 3px center no-repeat transparent; } table.tblProducts .tblChildProducts td { background:transparent; border:none; padding:5px 15px; } .packagesGroupHeader { cursor:pointer; } /* Styles to fix rad editor ********************************************************* */ /* general */ #contentArea .RadEditor, #popupPage .RadEditor { background: url("../img/design/bgBoxes.gif") repeat; border-radius: 5px; border-color: #CCCCCC; } #contentArea .RadEditor td, #popupPage .RadEditor td { padding: 0; } #contentArea .RadEditor ul, #popupPage .RadEditor ul { border: none; } #contentArea .RadEditor li, #popupPage .RadEditor li { border: none; background: none; } #contentArea .RadEditor li a, #popupPage .RadEditor li a { margin: 2px 0 2px 0; padding: 0; } #contentArea .RadEditor body { background-color: #FFFFFF; } /* toolbar */ #contentArea .RadEditor li a.reDropdown, #popupPage .RadEditor li a.reDropdown { padding-left: 4px; padding-right: 10px; border-color: #CCCCCC; } /* modes */ #contentArea .RadEditor div.reEditorModes, #popupPage .RadEditor div.reEditorModes { background: none; } #contentArea .RadEditor div.reEditorModes li a, #popupPage .RadEditor div.reEditorModes li a { color: #333333; text-decoration: none; } #contentArea .RadEditor div.reEditorModes li a.reMode_selected, #popupPage .RadEditor div.reEditorModes li a.reMode_selected { background: #CCCCCC; } #contentArea .RadEditor div.reEditorModes li span, #popupPage .RadEditor div.reEditorModes li span { float: none; } /* text box */ #contentArea .RadEditor td.reContentCell, #popupPage .RadEditor td.reContentCell { border-color: #CCCCCC; } .reTextAreaHidden { display: none !important; } /* wordpress formatblock dropdown fixes */ body.socialaccountsPage div.reDropDownBody h1 { font-size: 2em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } body.socialaccountsPage div.reDropDownBody h2 { font-size: 1.5em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } body.socialaccountsPage div.reDropDownBody h3 { font-size: 1.17em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } body.socialaccountsPage div.reDropDownBody h4 { font-size: 1em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } body.socialaccountsPage div.reDropDownBody h5 { font-size: .83em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } body.socialaccountsPage div.reDropDownBody h6 { font-size: .75em; margin: 0; font-weight: bold; font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; line-height: 19px; color: #333; } /* Marketing Planner Popup ********************************************************* */ .pp_bottom, .pp_top { display: none; } .pp_content_container .pp_left { padding: 10px 20px; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { border-radius: 5px; } .sectionHeader { border-top-left-radius: 5px; border-top-right-radius: 5px; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_content {background: #FFFFFF !important;} .sectionHeader.expanded { background: url(../img/minusWhite.gif) no-repeat; } .sectionHeader.expanded, .sectionHeader.collapsed { padding-left: 50px; cursor: pointer; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #30323b; color: rgb(var(--color-5)); font-size: 15px; /* height: 20px; padding: 12px 0 8px 47px; */ text-transform: uppercase; } .sectionHeader.expanded { background: var(--color-3) url(../img/minusWhite.gif) no-repeat; } .sectionHeader.collapsed { background: var(--color-3) url(../img/plusWhite.gif) no-repeat; margin-bottom: 0; border-radius: 4px; } .sectionHeader.expanded, .sectionHeader.collapsed { background-position: 20px center !important; } .sectionContent.collapsed { display: none; } .sectionContent.expanded { display: block; } body.themeLight .sectionHeader.expanded { background: url(../img/minus.gif) no-repeat; } body.themeLight .sectionHeader.expanded { background: var(--color-4) url(../img/minus.gif) no-repeat; } body.themeLight .sectionHeader.collapsed { background: var(--color-4) url(../img/plus.gif) no-repeat; margin-bottom: 0; border-radius: 4px; } .box h1.sectionHeaderNoContent { margin-bottom: 0; border-radius: 4px; } body#popupPage .btn-primary { } body#popupPage { padding: 20px; } .requiredFieldIndicator { color: red; } .dateFormat { margin: 5px 0 0 0; font-size: 11px;} #popupPage .form-horizontal .controls { margin-top: 5px; } #popupPage .form-horizontal input, #popupPage .box input.input-small { margin-top: 0px;} #popupPage .table th { border-left: 0; border-right: 0; } /* SEND TO FRIEND PAGE *************************************************************************** */ #contentArea ul.reportTypes { border: none; display: block; margin: 0 0 5px 0; padding: 0; } #contentArea ul.reportTypes li { border: none; } #contentArea ul.reportTypes li input { float: left; margin: 2px 6px 0 0; } /* Timeout Popup ********************************************************************************* */ .timeoutPopup { background: white; overflow-x: hidden; } .timeoutPopup h1 { font-size: 22px; margin: 20px 0 0 20px;} .timeoutPopup p { margin: 20px 20px 0 20px;} .timeoutPopup iframe { margin: 0 0 0 15px; } .timeoutPopup .hRule { margin: 8px 0 15px; } /* USERS ******************************************************************************************************** */ #contentArea li h2 { padding-top: 0px;} #contentArea > li { padding-top: 0px !important; } .services h2 { margin: 0px -2px 0 -20px;} .services li { padding-bottom: 0;} ul.services li.noicon { background: #ccc; color:#464f58 } #contentArea ul li ul.servicesGroup { margin-bottom: -6px;} #contentArea .permPermissions ul.services li h2 { padding-top: 0; padding-bottom: 0; line-height: 22px; padding-top: 0; height: 25px; margin-top: -6px;} #contentArea .permPermissions ul.services { margin-bottom: 0; border-bottom: 10px solid #ccc;} tr.permUser td { vertical-align: inherit; } /* GOALS POPUP ************************************************************************************************** */ .sectionContent .note { font-size:12px; padding:25px; } .noteTitle { font-size:18px; } /* REPORTS PAGE ************************************************************************************************** */ #parametersToggleShell { display: none;} /*ctl05 is local and ctl06 is production */ #parametersShell, #ctl00_content_rv_ctl05, #ctl00_content_rv_ctl06 { background-color: !important; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; width: 920px; background-image: none !important; border-bottom: none !important; padding: 10px 10px 0 10px !important; background: #DDDDDD !important;} #parametersShell { display: block !important; margin: 0 !important; border-top-radius: 0px !important; padding-bottom: 60px !important; border-bottom: 0px !important;} #ctl00_content_rv_ctl05, #ctl00_content_rv_ctl06 { margin: 0 0 30px 0 !important ; border: none !important;} .btnViewReport { border: none !important; padding: 5px !important;} .btnViewReport:hover { background: yellow;} /* LOGIN PAGE ***************************************************************************************** */ .loginPage { } #loginForgotPasswordLink { color: rgb(var(--color-5)) !important; text-decoration: none !important; } .loginPage h1, .passwordresetPage h1, .logoutPage h1 { color: rgb(var(--color-5)); font-size: 17px; font-weight: 600; } .loginPage #shell, .passwordresetPage #shell, .logoutPage #shell { margin: 0; padding: 0; } .loginPage #contentArea, .passwordresetPage #contentArea, .logoutPage #contentArea { width: auto; } #loginTopBottom { display: flex; } #loginLeftRight { display: flex ; flex: 1 1 auto; flex-wrap:wrap;} #loginContent { flex: 0 1 auto; } #loginBackgroundImage { flex: 1 0 auto; } #loginFooterBar { flex: 0 0 auto; } body.themeLight #loginFooterBar a { color: rgb(var(--color-5)); } #loginFooterBar a { text-decoration: none; } @media (min-height: 900px) { /*if the screen is large then increase some of the padding at the top of the login*/ .loginPage #shell, .passwordresetPage #shell, .logoutPage #shell { padding-top: 0px;} } .loginPage , .passwordresetPage , .logoutPage { background-color: #1d1d1d; } .loginPage:after , .passwordresetPage:after , .logoutPage:after { background-size: cover; background-position: center; content: ""; top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: -1; } #loginFooterBar { position: fixed; bottom: 0; background: var(--color-3); color: #969696; left: 0; right: 0; padding: 18px 40px; text-align: left !important;} .loginPage #contentArea .alert ul li { list-style-type: none; margin: 0; } .btn-login { background-color: #4bbc86; color: #FFF; padding-left: 50px; padding-right: 50px; border: 1px solid #4bbc86;} .btn-loginReset { background-color: #4bbc86; color: #FFF; padding-left: 25px; padding-right: 25px; border: 1px solid #4bbc86;} .btn-loginResetSecondary { color: #2b2b2b; background: #dbdbdb; padding-left: 25px; padding-right: 25px;} /* STUFF FROM STYLE2.CSS ******************************************************************************************** */ .accountBreak { border:2px #27d48d solid; } .table th.highlightValue, .table td.highlightValue { color:#27d48d; font-weight:bold; text-transform:uppercase; } .table th.highlightValue { width:220px; } .permExpandCollapse { cursor:pointer; padding: 0 5px; } .servicesGroup li { background:#F9F9F9; } tr.permUser div.btn-group { padding: 0; margin: 0; display: inline-block; } #contentArea ul.nav-tabs li a { display:block; } #contentArea .box ol { list-style: decimal inside none; } #contentArea .box ol li { list-style: decimal inside none; padding-left:12px; } #contentArea .box li a { } #contentArea p { margin-top:13px; } #contentArea p.SocialNetworks {margin-top:30px;} h1 .sectionHeader.expanded, h1 .sectionHeader.collapsed { cursor:pointer; display:block; } .caseComment, .caseCommentDate { display:block; padding:10px; } .form-horizontal table td { /*padding:5px 5px 5px 10px;*/ } .form-horizontal table td.rwWindowContent { padding: 0; } /*telerik editor dialog window */ .form-horizontal table .permPermissions td { padding:0; } .form-horizontal label { text-align: right; } .servicesGroup select { margin-left:20px; } #contentArea li span.inactiveService { float:none; width:auto; } body.servicemenuPage #contentArea li img { width: 15px; border-radius: 0; vertical-align: text-bottom; margin-right: 2px; border: 0; } h3.servicesHeader.expanded, h4.alaCartesGroupHeader.expanded, h3.servicesHeader.expanded, h4.packagesGroupHeader.expanded { cursor:pointer; } #contentArea .calRowHeaders div { padding-left:10px; padding-right:10px; } #ctl00_content_divReport select { } h4.packagesGroupHeader { cursor:pointer; } .noteMeta, .noteLabel { font-weight:bold; } .noteEdit { margin:20px 0; } .noteTitle { margin-top:20px; } .sectionContent .note { border-bottom:1px solid #CCC; } /*#ctl00_content_hypConnectToFacebook { background:url(../img/design/connectFacebook.png) no-repeat; border:0; box-shadow:0; display:block; height:32px; text-indent:-9999px; width:180px; } #ctl00_content_hypConnectToTwitter { background:url(../img/design/connectTwitter.png) no-repeat; border:0; box-shadow:0; display:block; height:32px; text-indent:-9999px; width:180px; } #contentArea .btn-group a#ctl00_content_hypConnectToFacebook:hover { background:url(../img/design/connectFacebook.png) no-repeat; opacity:.8; } #contentArea .btn-group a#ctl00_content_hypConnectToTwitter:hover { background:url(../img/design/connectTwitter.png) no-repeat; opacity:.8; } #contentArea .btn-group a#ctl00_content_hypConnectToFacebook:active, #contentArea .btn-group a#ctl00_content_hypConnectToTwitter:active { position:relative; top:1px; }*/ .navbar .nav li a.activeMenu { color:#27d48d; border-radius:5px; } .navbar .nav > li > a:hover, .navbar .nav > li:hover a { color:#17181c; } #ctl00_content_divReport select { width:140px; } /************CTA ************/ .grid_3 .purple { background: url(../img/bgCTAPurple-new.png) no-repeat; float: left;} #contentArea .grid_3 .cta a { color: white; text-decoration: none;} .grid_3 .cta:hover{ background-position: center bottom;} .grid_3 .cta { width: 220px; height: 143px; } .sideNav .ctaHeader, .grid_3 .ctaHeader {display: block; padding: 18px 50px 6px 20px; text-transform: uppercase; background: url(../img/bgCTAHeader.png) no-repeat center bottom; font-size: 18px;} /**************** HOMEPAGE PORTFOLIO VIEW ******************/ body.homeportfolioPage *:focus {outline: none;} body.homeportfolioPage .table { font-family: 'Open Sans', sans-serif !important; } body.homeportfolioPage .table > thead > tr > th, body.homeportfolioPage .table > tbody > tr > td { padding: 5px !important; } body.homeportfolioPage .table > tbody > tr > td.rvCellImageOnly, body.homeportfolioPage .table > tbody > tr > td.reportSpriteImageShellParent { padding: 0 !important; /* assumes it is a sparkline column*/ vertical-align: middle; background-color: #FFFFFF; } body.homeportfolioPage .table > tbody > tr > td.reportSpriteImageShellParent div.reportSpriteImageShell { margin: 0px !important; } /*for indicators directly in their main cell remove margin that is applied for arrow indicators which are not directly in the main cell*/ body.homeportfolioPage .table > tbody > tr > td.rvCellImageAndText { text-align: right; } body.homeportfolioPage .table > tbody > tr > td > table { float: right; } body.homeportfolioPage .table .emptyRVCell { display: none; } .rvCellImageAndText div { display: inline-block; } body.homeportfolioPage .table table td { padding: 0; border: 0; } th.reportNumberValue { text-align: center !important; white-space: nowrap; } td.reportNumberValue { text-align: right !important; white-space: nowrap; } td.reportNumberValue img { margin-left: 3px; margin-top: 2px; vertical-align: top; } body.homeportfolioPage .indicator { padding: 0 !important; text-align: center !important; vertical-align: middle !important; } body.homeportfolioPage .sparkline { padding: 0 !important; text-align: center !important; vertical-align: middle !important; background: #FFFFFF; } body.homeportfolioPage .starcolumn { padding: 0 !important; text-align: center !important; vertical-align: middle !important; } body.homeportfolioPage th.sparkline { background: transparent; } body.homeportfolioPage .averageRow td { background: #3F3731!important; color: #FFFFFF; } body.homeportfolioPage .headerIcon { margin-bottom: 3px; } body.homeportfolioPage .table .accountExpand { cursor: pointer; background: url('../img/sectionExpand.gif') no-repeat; background-position: 5px 10px; padding-left: 20px !important; } body.homeportfolioPage .table .accountCollapse { cursor: pointer; background: url('../img/sectionCollapse.gif') no-repeat; background-position: 5px 10px; padding-left: 20px !important; } body.homeportfolioPage .detailRow { display: none; } body.homeportfolioPage .odd { background-color: #FFFFFF; } body.homeportfolioPage .scrollableContent { border-bottom: 2px solid #CCCCCC; } body.homeportfolioPage .scrollableContent table { margin-bottom: 0; } body.homeportfolioPage .detailRowLoading { background: url(../img/design/ajax-loader-transparent.gif); height: 20px; background-repeat: no-repeat; color: #555; padding: 5px 0 5px 35px; background-position: 10px center; box-sizing: content-box !important; /* override report viewer styles trying to set this to box-border for report viewer tables*/ } body.homeportfolioPage .reportResults { display: none; } /*default to hidden and then let js show it*/ /*make tables fill the box area*/ body.homeportfolioPage .rvLoadArea table { width: 100% !important; min-width: 0 !important;} body.homeportfolioPage .rvLoadArea .reportViewerTable td { height: auto !important; width: auto !important; min-width: 0 !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } body.homeportfolioPage .rvLoadArea .reportViewerTable td table { width: auto !important; height: auto !important; } /*when not breaking indicators out of their tables we have to override the inline table width styles*/ body.homeportfolioPage .rvLoadArea .reportViewerTable tr:not(.detailRow) td:not(.accountExpand):not(.accountCollapse) div:not(.reportSpriteImageShell) { width: auto !important; } /*certain text comes back with fixed width in divs from report viewer*/ body.homeportfolioPage .rvLoadArea .reportViewerIndicatorShell { margin-left: 5px !important; float: right; } .reportSpriteImageShell { position: relative; } /*try to make ie7 look decent because of oveflow hidden bug*/ body.homeportfolioPage .reportSpriteImageShell { margin-left: 5px !important; } /*put some space between arrow indicators and numbers next to them*/ .reportSpriteImageShell img { position: absolute !important; } body.homeportfolioPage .stats { min-height: 450px; } body.homeportfolioPage .stats .table { margin: 0 !important; } body.homeportfolioPage .stats .table caption { text-align: left; background: #a5a5a5; color: #FFFFFF; padding-left: 20px; } body.homeportfolioPage .stats .performanceReport { margin-bottom: 0; } body.homeportfolioPage .stats #ctl00_content_rvVisits_ReportViewer, body.homeportfolioPage .stats #ctl00_content_divVisitorsLoadArea { width: 283px; position: absolute; top: 50px; right: 10px; } body.homeportfolioPage .stats .scrollableContent { height: 469px; overflow: auto; -webkit-overflow-scrolling: touch; } body.homeportfolioPage .stats .legend { margin-bottom: 13px; } body.homeportfolioPage .stats .btn-group { clear: both; } /*take over the indicators a little bit to make them look right*/ body.homeportfolioPage .stats .reportViewerIndicatorShell { } body.homeportfolioPage .stats .reportViewerTable tr td:first-child + td { } /*Account column*/ body.homeportfolioPage .stats .reportViewerTable tr td:first-child + td + td /*nth-child(2) for IE8*/ { text-align: center; } /*M/Y column*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td /*nth-child(3) for IE8*/ { text-align: right; } /*Visits Change %*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td + td + td /*nth-child(5) for IE8*/ { text-align: right; } /*Traffic Quality Change % %*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td + td + td + td /*nth-child(6) for IE8*/ { text-align: right; } /*CDRS Change %*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td + td + td + td + td /*nth-child(7) for IE8*/ { text-align: right; } /*RFPs Completed Change %*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td + td + td + td + td + td /*nth-child(8) for IE8*/ { text-align: right; } /*Reservations Change %*/ body.homeportfolioPage .stats .reportViewerTable tr.averageRow td:first-child + td + td + td + td + td + td + td + td + td /*nth-child(9) for IE8*/ { text-align: right; } /*Revenue Change %*/ body.homeportfolioPage .stats .reportViewerTable .rvColumn3, body.homeportfolioPage .stats .reportViewerTable .rvColumn4, body.homeportfolioPage .stats .reportViewerTable .rvColumn5, body.homeportfolioPage .stats .reportViewerTable .rvColumn6, body.homeportfolioPage .stats .reportViewerTable .rvColumn7, body.homeportfolioPage .stats .reportViewerTable .rvColumn8{ text-align: center !important; } /*visits change, visits yoy, relevancy change headers*/ body.homeportfolioPage .stats .reportViewerTable .rvColumn2 { width: 56px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn3 { width: 105px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn4 { width: 153px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn5 { width: 105px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn6 { width: 105px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn7 { width: 105px !important; } body.homeportfolioPage .stats .reportViewerTable .rvColumn8 { width: 153px !important; } body.homeportfolioPage #ctl00_content_divVisitorsLoadArea { position: relative; } body.homeportfolioPage #ctl00_content_divVisitorsLoadArea .customReportLoading { left: 70px !important; } body.homeportfolioPage .actionItems { } body.homeportfolioPage .actionItems .scrollableContent { height: 308px; overflow: auto; margin-top: 17px; -webkit-overflow-scrolling: touch; } body.homeportfolioPage #contentArea .actionItems ul { margin: 0; } body.homeportfolioPage .actionItems li .actionItemTitle { width: 400px; /*undo clipping that applies on normal homepage*/ } body.homeportfolioPage .actionItems .legend { margin-bottom: 13px; } body.homeportfolioPage .actionItems .subHeader { font-weight: normal; font-size: 10px; line-height: 10px; } body.homeportfolioPage .trafficRelevancy { min-height: 500px; } body.homeportfolioPage .trafficRelevancy .scrollableContent { height: 325px; overflow: auto; margin-bottom: 0px; -webkit-overflow-scrolling: touch; } body.homeportfolioPage .trafficRelevancy table td { width: auto; text-align: left; } body.homeportfolioPage .trafficRelevancy .legend { margin-bottom: 13px; } body.homeportfolioPage #ctl00_content_ucChannelPerformance_divTraffic { min-height: 500px; } body.homeportfolioPage #ctl00_content_ucWebsiteCMS_divWebsiteCMS { min-height: 500px; } /*report viewer fixes*/ /*take over the indicators a little bit to make them look right*/ body.homeportfolioPage .myreputation { } body.homeportfolioPage .myreputation .scrollableContent { height: 355px; overflow: auto; margin-bottom: 0px; -webkit-overflow-scrolling: touch; } body.homeportfolioPage .myreputation .legend { margin-bottom: 13px; } body.homeportfolioPage .myreputation table td { width: auto; text-align: left; } body.homeportfolioPage .myreputation td span { font-size: 10px; text-align: left; } body.homeportfolioPage .myreputation table td.accountExpand a, body.homeportfolioPage .myreputation table td.accountCollapse a { width: 95%; white-space: nowrap; overflow: hidden; display: block; } body.homeportfolioPage .propertyRating { display: inline-block; vertical-align: middle; line-height: 10px;} body.homeportfolioPage .primaryValue { font-weight: bold; color: #231F20; } body.homeportfolioPage #contentArea .myreputation li div.reviewTitle { display: block; width: 700px; overflow: hidden; white-space: nowrap; } body.homeportfolioPage .table > thead > tr > th.portfolioReviewColumn { position: relative; padding-top: 6px !important; } body.homeportfolioPage th.portfolioReviewColumn .headerIcon { margin: 3px 0 0 0; } body.homeportfolioPage th.portfolioReviewColumn #spReviewsIconComingSoon { position: absolute; top: -8px; left: 45px; font-size: 9px; color: #807872; } body.homeportfolioPage .legend { clear: both; background: #CCCCCC; color: #231F20; padding-top: 5px; } body.homeportfolioPage .legendRow { clear: both; overflow: auto; padding: 0 20px 5px 20px; } body.homeportfolioPage .legendColor { float: left; width: 20px; height: 6px; margin-top: 7px; margin-right: 4px; } body.homeportfolioPage .legendIcon { float: left; margin-right: 4px; } body.homeportfolioPage .legendColor1 { background-color: #646669; } body.homeportfolioPage .legendColor2 { background-color: #04b2ac; } body.homeportfolioPage .legendLabel { float: left; margin-right: 15px; line-height: 20px; } /* account grouping */ body.homeportfolioPage #portfolioHomeGroupSelection { color: #FFFFFF; margin-bottom: 15px; margin-top: -5px; background: #3F3832; border-radius: 5px; } body.homeportfolioPage #portfolioHomeGroupContent { padding: 6px 15px 6px 15px; } body.homeportfolioPage #portfolioHomeGroupContent * { vertical-align: baseline; } body.homeportfolioPage #portfolioHomeGroupSelection select { margin: 0 0 0 5px; height: 22px !important; padding: 2px 2px 2px 5px !important; border: none; } body.homeportfolioPage #portfolioHomeGroupCustomize { margin-left: 5px; } /*sticky headers*/ body.homeportfolioPage .topTable { top: 0; position: absolute !important; border-bottom: none; table-layout: fixed; } body.homeportfolioPage .topTable td, body.homeportfolioPage .topTable th { background: transparent url(../img/design/bgBoxes.gif); } body.homeportfolioPage .cornerTable { position: absolute !important; border-bottom: none; border-right: none; table-layout: fixed; } body.homeportfolioPage .leftTable { position: absolute !important; border-right: none; table-layout: fixed; } /* SCROLLPANE */ .jspContainer{overflow:hidden;position:relative} .jspPane{position:absolute} .jspVerticalBar{position:absolute;top:0;right:0;width:12px;height:100%;} .jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:12px;} .jspVerticalBar *, .jspHorizontalBar *{margin:0;padding:0} .jspCap{display:none} .jspHorizontalBar .jspCap{float:left} .jspTrack{background:#cccccc;position:relative} .jspDrag{background:#bbbbbb;position:relative;top:0;left:0;cursor:pointer} .jspTrack:hover .jspDrag { background: #888888; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left;height:100%} .jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer} .jspArrow.jspDisabled{cursor:default;background:#80808d} .jspVerticalBar .jspArrow{height:16px} .jspHorizontalBar .jspArrow{width:16px;float:left;height:100%} .jspVerticalBar .jspArrow:focus{outline:0} .jspCorner{background:#cccccc;float:left;height:100%} * html .jspCorner{margin:0 -3px 0 0} /*reporting gauges*/ .reportProgressBarNumber { display: inline-block; margin-right: 2px; } .kloutProgressBarNumber, .kloutProgressBarNumber a { color: #E64906; } .reportProgressBar { border: 1px solid #000000; border-radius: 4px; width: 40px; display: inline-block; vertical-align: top; margin-right: 10px; } .reportProgressBar div { background: #000000; height: 15px; } .kloutProgressBar { border: 1px solid #E64906; } .kloutProgressBar div { background: #E64906; } .sentimentPositive { color: #27d48d; font-weight: bold; font-size: 14px; } .sentimentNeutral { font-size: 14px; } .sentimentNegative { color: #000000; font-weight: bold; font-size: 14px; } /*apply the styles for the header that the report originally had but our cleanup javascript removed*/ /*reputation report styles*/ body.reputationreportPage .rvCellImageAndText { text-align: center; padding: 2px; font-family: Arial; font-size: 8pt; font-weight: 700; text-decoration: none; unicode-bidi: normal; color: Black; } /*made this margin general since it doesn't include the float*/ .rvLoadArea .reportViewerIndicatorShell { margin-left: 5px !important; } /* Sean's Updates =================================================================== */ body.homeportfolioPage #portfolioHomeGroupSelection { background: var(--color-3); color:rgb(var(--color-5)); } body.homeportfolioPage.themeLight #portfolioHomeGroupSelection { background: var(--color-4); color:rgb(var(--color-5)); } body.homeportfolioPage h1 { } body.homeportfolioPage .averageRow td { background:#f6f6f6!important; color:#3f3832!important; } body.homeportfolioPage #portfolioHomeGroupSelection { text-align:right; } body.homeportfolioPage .legend { background:#f6f6f6; } body.homeportfolioPage .scrollableContent { border-bottom:1px solid #CCC; } body.homeportfolioPage .primaryValue { font-size:12px; } .dateRange { background: var(--color-4); margin: 0 -15px 0 -15px; } .jspDrag { background:#888; } .jspTrack:hover .jspDrag { background:#767676; } .starRating i { margin-right:-4px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { box-shadow:none; text-shadow:none; } .reportTypesGroup { border-right:1px solid #CCC; } .lastReportTypeGroup { border-right:0; } .reportTypesShell { } .reportTypes3 .reportTypesGroup { float:left; width:312px; } .reportTypes3 .lastReportTypeGroup { width:313px; } .reportTypes2 .reportTypesGroup { /*float:left; width:469px;*/ } .reportTypesGroup h2 { margin-top:0; } #marketingPlanShell tr.groupRow td { background-color:#e6e6e6!important; } /* Matches coloring of single-property sites */ .autoGenerated { background:#cce7e3; position:relative; } .autoGenerated:hover { background: #DCEEEB !important; } .autoGenerated .actionItemTitle { font-weight:bold; } .autoGenerated .autoGeneratedIcon { background:url(../img/offering3.png) no-repeat; height:12px; position:absolute; right:2px; top:2px; width:12px; } /****************************************************************************************** cal pop */ /* prefixed with body id to override calendar-system.css colors*/ #ctl00_body .calendar, #popupPage .calendar { border: 1px solid #ccc; background:#dbdbdb; width: auto; height: auto; font-size: 11px; line-height: 13px; } #ctl00_body .calendar table, #popupPage .calendar table { color: rgb(var(--color-5)); border: none; margin: 6px; background:var(--color-4); } #ctl00_body .calendar table td, #popupPage .calendar table td { padding: 4px 6px; } #ctl00_body .calendar thead { } #ctl00_body .calendar thead .button, #popupPage .calendar thead .button { background: none; color: rgb(var(--color-5)); border: none; display: table-cell; } #ctl00_body .calendar thead .title, #popupPage .calendar thead .title { background: none; color: rgb(var(--color-5)); border: none; } /* month/year */ #ctl00_body .calendar thead .nav { display: table-cell; } /* arrows */ #ctl00_body .calendar thead .hilite, #popupPage .calendar thead .hilite { background: var(--color-1); color: rgb(var(--color-5)); } #ctl00_body .calendar thead .name, #popupPage .calendar thead .name { background: var(--color-2); border: none; color: rgb(var(--color-5)); } /* day name. ex: Mon */ #ctl00_body .calendar thead .day { } #ctl00_body .calendar thead .weekend, #popupPage .calendar thead .weekend { color: rgb(var(--color-5)); } #ctl00_body .calendar tbody { } #ctl00_body .calendar tbody .daysrow { } #ctl00_body .calendar table .wn, #popupPage .calendar table .wn { background: #191617; color: rgb(var(--color-5)); border-right: none; } #ctl00_body .calendar tbody td.today, #popupPage .calendar tbody td.today { color: #000000; } #ctl00_body .calendar tbody td.day, #popupPage .calendar tbody td.day { text-align: center; } #ctl00_body .calendar tbody td.weekend, #popupPage .calendar tbody td.weekend { color: rgb(var(--color-5)); } #ctl00_body .calendar tbody td.disabled { } #ctl00_body .calendar tbody td.false { } #ctl00_body .calendar tbody td.selected, #popupPage .calendar tbody td.selected { background: var(--color-1); color: #2e2713; border: none; } /* once clicked */ #ctl00_body .calendar tbody td.disabled { } #ctl00_body .calendar tbody .rowhilite { } /*#ctl00_body .calendar tbody .rowhilite td, #popupPage .calendar tbody .rowhilite td { background: rgb(var(--color-5)); color: var(--color-2); }*/ #ctl00_body .calendar tbody .rowhilite td.today, #popupPage .calendar tbody .rowhilite td.today { color: #000000; } #ctl00_body .calendar tbody .rowhilite td.selected, #popupPage .calendar tbody .rowhilite td.selected { background: var(--color-1); } #ctl00_body .calendar tbody .rowhilite td.hilite, #popupPage .calendar tbody .rowhilite td.hilite { border: none; background: var(--color-1); } #ctl00_body .calendar tfoot { } #ctl00_body .calendar tfoot .footrow { } #ctl00_body .calendar tfoot .ttip, #popupPage .calendar tfoot .ttip { background: var(--color-2); color: rgb(var(--color-5)); border: none; } #ctl00_body footer, #popupPage footer {padding:40px 0 !important;} #ctl00_body footer nav, #popupPage footer nav {background:url(footerNavBG.jpg); padding:18px 0 0; height:33px; margin:15px 0 0; } #ctl00_body footer nav ul li a, #popupPage footer nav ul li a {color:rgb(var(--color-5)); text-transform:uppercase; text-decoration:none; padding:0 4px; font-size:13px} #ctl00_body .calendar .combo .label, #popupPage .calendar .combo .label { border-radius: 0; } #ctl00_body .calendar tbody td.disabled { color: #AAA; } /************ month picker */ /* prefixed with body id to override calendar-system.css colors*/ .ui-datepicker { color: #555555; border: none; background:#dbdbdb; width: auto; height: auto; font-size: 11px; line-height: 13px; padding: 5px; } .ui-datepicker-header { margin: 0 0 5px 0; } .ui-datepicker select { margin: 0; width: auto; } .ui-datepicker table { width: 100%; } .ui-datepicker table td { border: 1px solid #333333; } .ui-datepicker table td:hover { background: var(--color-1); } .ui-datepicker table td.ui-state-active { background: var(--color-1); font-weight: bold; } .ui-datepicker .ui-state-disabled { color: var(--color-2); } .ui-datepicker .ui-state-disabled:hover { background: none; } /*reports menu styles*/ #contentArea .dropdown-menu li a img.menuIcon { width: 15px; border-radius: 0; vertical-align: text-bottom; margin-right: 2px; border: 0; } #contentArea .btn-group ul li a.menuSubItem { padding-left: 15px; } /* HOMEPAGE ACTIVITY FEEDS ************************************************************************/ #ctl00_content_ucActivityFeed_divActivityFeed { } #ctl00_content_ucActivityFeed_divActivityFeed table { width: 100%; } #ctl00_content_ucActivityFeed_divActivityFeed thead tr { display: none; } #ctl00_content_ucActivityFeed_divActivityFeed tbody tr { border-bottom: 1px solid #c7c7c7; } #ctl00_content_ucActivityFeed_divActivityFeed tbody tr td { /*padding: 2px 10px 2px 20px;*/ } i.activityFeedItemIcon { width: 20px; text-align: center; } /*make text next to font awesome icons start at the same spot*/ span.activityFeedItemTitle { margin-left: 5px; } span.activityFeedItemTitleWithDescription { font-weight: bold; } span.activityFeedItemDescription { display: block; margin-left: 29px; } tr.activityFeedFeaturedItem { background: #fff3cd !important; } tr.activityFeedFeaturedItem td { background: #fff9e6 !important; } #ctl00_content_ucActivityFeed_divActivityFeed .control-group { margin-top: 10px; } table tr.rowEven { background: #f6f6f6; } body.homePage #contentArea #ctl00_content_ucActivityFeed_aToggleActivityFeed { margin: -5px 0 10px 0; text-decoration: none; } body.homeportfolioPage #contentArea #ctl00_content_ucActivityFeed_aToggleActivityFeed { margin: -5px 0 15px 0; text-decoration: none; } /* CREATE BOOKING ENGINE/NON HOSTING WEBSITE TRACKING CODES PAGE ************************************************************************/ #contentArea #selectDomainDiv {} #contentArea #selectDomainDiv ul { border: none; margin: 0 40px;} #contentArea #selectDomainDiv ul li { list-style: disc; margin: 0; border: none; padding: 0; } #contentArea #selectDomainDiv p { display: block; clear: left; font-size: 13px; font-weight: 700;} #contentArea #selectDomainDiv p.selectDomainDivFootnote { font-size: 11px; font-weight: normal; font-style: italic; padding-left: 40px; } #contentArea #selectDomainDiv ul li a { display: inline; } #contentArea #selectReservationSystemStepsDiv {} #contentArea #selectReservationSystemStepsDiv ol { border: none; margin: 0 40px;} #contentArea #selectReservationSystemStepsDiv ol li { margin: 0; border: none; padding: 0; } #contentArea #selectReservationSystemStepsDiv p { display: block; clear: left; font-size: 13px; font-weight: 700;} #contentArea #selectReservationSystemStepsDiv p.selectReservationSystemStepsDivFootnote { font-size: 11px; font-weight: normal; font-style: italic; padding-left: 40px; } #contentArea #selectReservationSystemStepsDiv ol li a { display: inline; } /* BOX TABS*/ #contentArea ul.rowTabs { margin: 0 0 0 10px; padding: 0; border: none; } #contentArea ul.rowTabs li { margin: 0 3px 0 0; padding: 0; display: inline-block; background: var(--color-4); border: none; border-bottom: 2px solid var(--color-4); font-family: 'Open Sans', sans-serif; font-size: 15px; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 39px; padding: 0px 15px 8px 15px; position: relative; text-transform: uppercase; line-height: 42px; } #contentArea ul.rowTabs li.rowTabActive { border-bottom-color: var(--color-1); background: var(--color-4); } #contentArea ul.rowTabs li a { color: rgb(var(--color-5)); text-decoration: none; } /*HIDE HEADER AND FOOTER IN IFRAMES*/ body.isIFramed #divHeader {display:none;} body.isIFramed #sidePanel {display:none;} body.isIFramed #shell { margin: 0; padding: 37px 0 0 0; } /*image from http://www.ajaxload.info/*/ input.loadingAnimation, input.loadingAnimation.btn-primary.disabled { background: #dbdbdb url('../img/button-ajax-loading.gif') no-repeat 5px center !important; padding-left: 28px; }