@charset "UTF-8"; /* Responsive version of the Austin Theme for iMIS */ @import url("//fonts.googleapis.com/css?family=Raleway:200"); /* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */ /** * Styles necessary to properly align the Cities master page **/ #masterWrapper.yui-t2 { width: auto; } /* Class used to contain the various pieces of the master page */ .container, .header-container, .SliderPage1 { max-width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container::after, .body-container::after { display: block; clear: both; content: ""; } /* handle secondary column layout */ @media (min-width: 992px) { .has-secondary-col .col-primary { width: 76%; } .has-secondary-col .col-secondary { width: 22%; } .has-secondary-col.col-on-right .col-primary { float: left; margin-right: 2%; } .has-secondary-col.col-on-right .col-secondary { float: right; } .has-secondary-col.col-on-left .col-primary { float: right; margin-left: 2%; } .has-secondary-col.col-on-left .col-secondary { float: left; } } /* Header ========================================================================== */ /** * The following declarations are required to reposition the search bar and * Sign In/Out link at different sizes via appendAround */ .search-container, .auth-link-container { display: block; } @media (min-width: 768px) { .search-container, .auth-link-container { display: none; } } .search-container-sm, .auth-link-container-sm { display: none !important; } @media (min-width: 768px) { .search-container-sm, .auth-link-container-sm { display: inline-block !important; } } /* This applies to the area behind the header logo and auxiliary navigation */ .header { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .nav-primary { margin-top: 10px; } } .navbar-collapse { clear: both; } @media (max-width: 767px) { .navbar-collapse { /* expand to the full width of the page */ margin-left: -15px; margin-right: -15px; } } @media (min-width: 768px) { .navbar-collapse { clear: right; } } @media (min-width: 768px) { .nav-primary { float: right; clear: right; } } .header-logo-container { float: left; } @media (max-width: 767px) { .header-social { display: none !important; } } .header-social a { text-decoration: none; } /* These styles apply to the auxiliary and footer navigation */ .NavigationUnorderedList { padding-left: 0; margin: 0; display: inline-block; } .NavigationListItem { list-style-type: none; display: inline-block; margin-left: 0; } .NavigationLink { padding-left: 7.5px; padding-right: 7.5px; white-space: nowrap; } @media (max-width: 767px) { .ste-section { display: none !important; } } /* Main ========================================================================== */ #masterContentArea { margin-top: 10px; } /* This applies to the breadcrumb area */ .breadcrumb { float: none; display: inline; line-height: 33px; } /***** Proxy Panel Styling *****/ /* This applies to the on behalf of (proxy) area */ .obo-container { float: right; } .obo-panel { line-height: 2.4em; white-space: nowrap; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; } .obo-panel.on { padding-left: 2em; padding-right: 2em; } .account-menu .obo-panel { /* within the account area dropdown make the padding match the other items*/ padding: 3px 10px; } .obo-label, .obo-actions { display: inline-block; } .obo-label { font-weight: bold; } .obo-label span:after { content: ':'; } /* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */ .CommandBar { margin: .5em 0; } /* Sticky Footer ========================================================================== */ /** * Responsive sticky footer. * See http://www.joshrcook.com/a-responsive-sticky-footer/ */ .wrapper { display: table; width: 100%; height: 100%; } .footer { display: table-row; height: 1px; } /* ========================================================================== Basic setup ========================================================================== */ body { font-family: Segoe UI, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #333333; } a, .Link { color: #23749d ; text-decoration: underline; } a:visited, .Link:visited { color: #2883b2 ; } a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active { color: #1a5573 ; text-decoration: underline ; } a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited { color: #999999 ; text-decoration: underline ; } .RadGrid a, .RadToolTip a, .k-grid a { color: #23749d !important; text-decoration: underline; } .RadGrid a:visited, .RadToolTip a:visited, .k-grid a:visited { color: #2883b2 !important; } .RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active, .k-grid a:hover, .k-grid a:focus, .k-grid a:active { color: #1a5573 !important; text-decoration: underline !important; } .RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadGrid a:disabled, .RadGrid a:disabled:hover, .RadGrid a:disabled:focus, .RadGrid a:disabled:active, .RadGrid a:disabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited, .RadToolTip a:disabled, .RadToolTip a:disabled:hover, .RadToolTip a:disabled:focus, .RadToolTip a:disabled:active, .RadToolTip a:disabled:visited, .k-grid a.aspNetDisabled, .k-grid a.aspNetDisabled:hover, .k-grid a.aspNetDisabled:focus, .k-grid a.aspNetDisabled:active, .k-grid a.aspNetDisabled:visited, .k-grid a:disabled, .k-grid a:disabled:hover, .k-grid a:disabled:focus, .k-grid a:disabled:active, .k-grid a:disabled:visited { color: #999999 !important; text-decoration: underline !important; } .RadGrid a.TextButton { color: #fff !important; text-decoration: none !important; } p { margin-top: 0; margin-bottom: 1em; } h1, .h1, .PageTitle, h2, .h2, .PanelTitle { font-family: Raleway, Verdana, sans-serif; font-weight: 200; color: #424242; } h1, .h1, .PageTitle { font-size: 250%; color: #dc4f00; margin-top: 0; } h1.BigHeader, .h1.BigHeader { color: #fff; background-color: #dc4f00; padding: 20px; margin: 0; } h2, .h2, .PanelTitle { line-height: 1.45em; font-size: 170%; } h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle { min-height: 0; border-bottom-style: dotted; } h4, .SectionLabel, h5 { margin: 0 0 .2em; } h4, .h4, .SectionLabel { color: #009b96; } h5, .h5 { color: #009b96; } h6, .h6 { font-size: 85%; margin: 0; } hr { margin-left: .5em; margin-right: .5em; border-width: 1px 0 0 0; border-style: dotted; border-color: #ddd; } .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish { border-color: #ddd; } .PanelHead.Distinguish .PanelHeadOptions, .panel-heading.Distinguish .panel-head-options { margin-top: .6em; } /* Used for messages guiding users to the next step */ .HelperText { color: #0064cd; } /* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */ .SelectedItem { background-color: #93cadc; } /** * This automatically resizes images when they're too large to fit in their container. * It may override any user-defined width/height on images. If the behavior is unwanted, * consider changing this declaration to a class (e.g. '.img-responsive') which you can * apply as desired. */ img { max-width: 100%; height: auto !important; } /** * Sometimes images should not be resized. This class can be used as a wrapper or directly * on the image to avoid the resizing. */ img.ImgNoResize, .ImgNoResize img { max-width: none; } /* Give a block of text some extra emphasis. * This class also makes the text larger, per UltraWave styles */ .lead { margin-bottom: 20px; } /* ========================================================================== MASTERPAGE ELEMENTS ========================================================================== */ /* This applies to the loading bar at the top of the page */ .ProgressDiv { background-color: #ffdd6f; } #masterHeaderBackground, .header { border-bottom: 2px dotted #eeeeee; } /* Universal search control */ .search-field { background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 7px -16px; padding-left: 28px !important; color: #777; border-color: #CCC; } .header-search .TextButton { display: none; } /* header logo */ #masterHeaderImage { background-image: url("images/HeaderLogo.png"); background-repeat: no-repeat; width: 122px; height: 38px; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; } @media (min-width: 768px) { #masterHeaderImage { margin-top: 38px; } } #masterDonorHeaderImage { background-image: url("images/HeaderLogo.png"); background-repeat: no-repeat; width: 122px; height: 38px; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; } @media (min-width: 768px) { #masterDonorHeaderImage { margin-top: 38px; } } /* Used in the donor site header logo content area */ #masterHeaderActionArea a { display: block; text-align: center; } /* On Behalf Of with target set */ .ProxyPanelContact { background-color: #009b96; } .ProxyPanelContact, .ProxyPanelContact .obo-label { color: #fff; } .ProxyPanelContact a { color: #a2d2ea; } /* Sub (Left) Navigation ========================================================================== */ #pagesubnav { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .SubNavPanelHead { background-color: #f4f5ed; color: #333333; font-family: Raleway, Verdana, sans-serif; font-weight: 200; } .SubNavigationSeparator { border-width: 1px 0 0 0; border-style: dotted; border-color: #ddd; height: 1px; padding: 0; margin: 0; } /* ========================================================================== Footer ========================================================================== */ .footer-nav-copyright { padding-top: 1em; padding-bottom: 0.35em; /* 1em - .65em (bottom margin on nav lis) */ } .footer-content { padding-top: 1em; } .footer-content-section { padding: 0 15px 1em; } .footer-nav-copyright::after { display: block; clear: both; content: ""; } .footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright { float: left; margin: 0; } .footer-nav-copyright .footer-copyright { display: inline-block; margin: 0 1.5em .65em 0; } @media (max-width: 767px) { .footer-nav-copyright .footer-social-copyright { text-align: center; } } .footer-nav-copyright .footer-social-copyright .footer-social, .footer-nav-copyright .footer-social-copyright .footer-copyright { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .footer-nav-copyright .footer-social-copyright .footer-social { text-align: left; } .footer-nav-copyright .footer-social-copyright .footer-copyright { float: right; width: auto; clear: right; } } .footer-copyright p { margin-bottom: 0; } @media (min-width: 480px) { .footer-content-section { float: left; width: 50%; } } @media (min-width: 768px) { .footer .footer-social { width: 33.3333333333%; } .footer .footer-promo-container { width: 66.6666666667%; } } #masterFooterCopyright { clear: both; } .footer-content { background-color: #424242; color: #fff; text-align: center; } .footer-content h2 { margin-top: 0; color: #fff; border-bottom: none; } .footer-content a { color: #acd7ec; } .footer-social { padding-top: 15px; } .footer-social a { margin-right: .5em; } .footer-promo-container .promo { background-color: #020202; /* rgba fallback */ background-color: rgba(2, 2, 2, 0.5); padding: 15px; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1); } .footer-promo-container .lead { font-family: Raleway, Verdana, sans-serif; font-weight: 200; margin-bottom: .25em; font-size: 130%; line-height: inherit; } @media (min-width: 768px) and (max-width: 991px) { .footer-promo-container .lead { font-size: 150%; } } @media (min-width: 992px) { .footer-promo-container .lead { font-size: 170%; } } .footer-promo-container .TextButton { background-color: #020202; /* rgba fallback */ background-color: rgba(2, 2, 2, 0.5); color: #fff; } .footer-promo-container .TextButton:hover { background-color: #020202; /* rgba fallback */ background-color: rgba(2, 2, 2, 0.8); } .footer-nav-copyright { background-color: #222222; color: #999; } .footer-nav-copyright a, .footer-nav-copyright a:visited { color: #fff; } .footer-nav-copyright a:hover, .footer-nav-copyright a:active { color: white; } /* Compatibility Footer ========================================================================== */ /* Old-style footer (pre-responsive) */ #ft { background-color: #424242; color: #fff; } #ft h4 { color: #fff; font-family: Raleway, Verdana, sans-serif; font-weight: 200; } #masterFooterConnectWithUs { border-style: dotted; border-color: rgba(221, 221, 221, 0.8); border-width: 0 1px; } #masterFooterContent a, #masterFooterCopyright a, #masterFooterNavigation a { color: #acd7ec; } #masterFooterContent a:visited, #masterFooterCopyright a:visited, #masterFooterNavigation a:visited { color: #acd7ec; } #masterFooterContent a:hover, #masterFooterContent a:active, #masterFooterCopyright a:hover, #masterFooterCopyright a:active, #masterFooterNavigation a:hover, #masterFooterNavigation a:active { color: #82c2e3; } #masterFooterCopyright { border-color: #ddd; /* rgba fallback */ border-top: 1px solid rgba(221, 221, 221, 0.5); } /* ========================================================================== PRIMARY NAVIGATION ========================================================================== */ .navbar-collapse, .searchbar-collapse { background-color: #d5d5d5; } @media (min-width: 768px) { .navbar-collapse, .searchbar-collapse { padding-left: 0; padding-right: 0; background-color: transparent; border: none; } } .auth-link-container { /* container for the sign in link when the browser is .rmItem { border: none; } .RadMenu.RadMenu_Austin .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_Austin .rmVertical .rmExpand:before, .RadMenu.RadMenu_Austin .rmRightArrow .rmIcon:before, .RadMenu.RadMenu_Austin .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_Austin .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_Austin .rmBottomArrow .rmIcon:before { content: none; } .RadMenu.RadMenu_Austin .rmItem, .RadMenu.RadMenu_Austin .rmHorizontal > .rmItem, .RadMenu.RadMenu_Austin .rmHorizontal > .rmRootScrollGroup > .rmItem, .RadMenu.RadMenu_Austin .rmLink { float: none; } .RadMenu.RadMenu_Austin .rmLink { padding: 0px; } .RadMenu.RadMenu_Austin .rmText { display: inline-block; vertical-align: top; float: left; } .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_Austin .rmToggle { width: auto; } .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle { position: static; } .RadMenu.RadMenu_Austin .rmGroup .rmContent, .RadMenu.RadMenu_Austin .rmRootGroup .rmContent { padding: 0; } .RadMenu.RadMenu_Austin .RadSiteMap, .RadMenu.RadMenu_Austin .RadSiteMap .rsmItem, .RadMenu.RadMenu_Austin .RadSiteMap .rsmTwoLevels .rsmItem { font-size: inherit; } .RadMenu.RadMenu_Austin { z-index: 1001 !important; position: relative; } .RadMenu.RadMenu_Austin:focus { outline: none; } .RadMenu.RadMenu_Austin ul { margin: 0; padding: 0; } .RadMenu.RadMenu_Austin .rmItem, .RadMenu.RadMenu_Austin .rsmItem { list-style: none; } .RadMenu.RadMenu_Austin .rmDisabled > a, .RadMenu.RadMenu_Austin .rsmDisabled > a { cursor: default; } .RadMenu.RadMenu_Austin .rmItem { width: auto; clear: both; } .RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText { padding: 10px 15px; } .RadMenu.RadMenu_Austin .rmSlide .MegaDropDownMenuOuter > .rmText { /* when mega menus are on, don't add padding around the rmText */ padding: 0; } .RadMenu.RadMenu_Austin .rmSlide .rmText { /* give space for the expand arrow */ padding-right: 40px; } .RadMenu.RadMenu_Austin .rmSlide .rmGroup { position: relative; } .RadMenu.RadMenu_Austin .rsmItem { padding: 5px 15px; margin: 0; word-break: break-all; } .RadMenu.RadMenu_Austin .rsmLink, .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmLink { padding: 0; } .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmItem .rsmItem, .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLevel1 .rsmLink { /* make sure second-level rsm items are lined up properly */ padding-left: 0; margin-right: 15px; } .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLink { margin-bottom: 0; } .RadMenu.RadMenu_Austin .rsmColumn { /* for multiple columns on the mega menu */ display: inline-block; vertical-align: top; padding-right: 5px; } @media (max-width: 480px) { .RadMenu.RadMenu_Austin .rsmColumn { /* on very small screens drop mega menu columns to one */ width: 100% !important; } } .RadMenu.RadMenu_Austin .rsmColumnWrap { margin-bottom: 0; } .RadMenu.RadMenu_Austin .rsmThreeLevels .rsmLevel1 .rsmLink, .RadMenu.RadMenu_Austin .rsmThreeLevels .rsmLevel1 .rsmTemplate, .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLevel1 .rsmLink, .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLevel1 .rsmTemplate, .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmLink, .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmTemplate { display: block; } .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmLink, .RadMenu.RadMenu_Austin .rsmOneLevel .rsmItem .rsmTemplate { white-space: nowrap; } .RadMenu.RadMenu_Austin .rmLink, .RadMenu.RadMenu_Austin .rsmLink { color: #666666; text-decoration: none; display: block; position: relative; /* required for the menu to work in IE */ } .RadMenu.RadMenu_Austin .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_Austin .rsmColumnWrap .rsmLevel1 .rsmTemplate { padding: 0; margin: 0; word-wrap: hyphenate; word-break: break-word; } .RadMenu.RadMenu_Austin .rmGroup .rmText { margin: 0; } .RadMenu.RadMenu_Austin .rmRootLink.rmSelected { /* root item selected styles */ color: #fff; background-color: #dc4f00; } .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused { /* root item hover and focus styles */ background-color: #424242; color: #fff; } .RadMenu.RadMenu_Austin .rmGroup { background-color: #424242; } .RadMenu.RadMenu_Austin .rmDisabled > .rmLink, .RadMenu.RadMenu_Austin .rsmDisabled > .rsmLink { color: #fff; } .RadMenu.RadMenu_Austin .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_Austin .rmDisabled > .rmLink:active, .RadMenu.RadMenu_Austin .rsmDisabled > .rsmLink:hover, .RadMenu.RadMenu_Austin .rsmDisabled > .rsmLink:active { background-color: transparent; color: #fff; } .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem { position: relative; } .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink { text-transform: uppercase; font-size: 100%; font-weight: bold; letter-spacing: 0; } .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle { /* a clickable target to expand multi-level navigaiton */ display: inline-block; float: right; height: 100%; } .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 15px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; } .RadMenu.RadMenu_Austin .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_Austin .rmSlide .rmLink .rmToggle > .rmIcon { background-position: 0 -26px; } .RadMenu.RadMenu_Austin .rmExpanded > .rmLink > .rmToggle > .rmIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .RadMenu_Austin .rmSlide { display: none; /* hide the sub nav until requested */ position: absolute; height: auto !important; } .RadMenu_Austin .rmSlide .rmItem { float: none; display: block; } .RadMenu_Austin .rmSlide .rmText { float: none; } .RadMenu_Austin .rmSlide .rmLink, .RadMenu_Austin .rmSlide .rsmLink { color: #fff; } .RadMenu_Austin .rmSlide .rmSeparator, .RadMenu_Austin .rmSlide .rmVertical > .rmSeparator, .RadMenu_Austin .rmSlide .MegaDropDownMenuSeperator > .rsmLink { border-bottom: 1px dotted #fff; } .RadMenu_Austin .rmSlide .rmSeparator, .RadMenu_Austin .rmSlide .rmVertical > .rmSeparator { margin: 0 15px; } .RadMenu_Austin .rmSlide .rmFocused > .rmLink, .RadMenu_Austin .rmSlide .rmSelected > .rmLink, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink { background-color: transparent; color: #f3691c; } .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused { background-color: transparent; color: #f3691c; } .RadMenu_Austin .rmSlide.rmLevel1 .rmGroup { /* for second-level sub-nav and beyond, * we want to indent the nav to give separation */ margin-left: 0; } .RadMenu_Austin .rmSlide .rmExpandRight, .RadMenu_Austin .rmSlide .rmGroup a.rmLink.rmExpandRight { background-image: url("images/ResponsiveNav.png"); background-position: 110% -200px; background-repeat: no-repeat; } .RadMenu_Austin .rmSlide .MegaDropDownMenu { padding-top: 5px; padding-bottom: 5px; } .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem { margin-bottom: .5em; } .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus { text-transform: uppercase; color: #8f8e8e; font-weight: bold; letter-spacing: 0; } .RadMenu_Austin .rmSlide .MegaDropDownMenuSeperator .rsmLink { padding: 0; } @media (max-width: 767px) { .RadMenu_Austin .rmSlide { width: 100% !important; left: 0 !important; } .RadMenu_Austin .rmSlide ul.rmVertical, .RadMenu_Austin .rmSlide ul.rmHorizontal, .RadMenu_Austin .rmSlide ul.rmRootScrollGroup { float: none; } .RadMenu_Austin .rmSlide .rmSlide { /* for right expanded items, expand below on extra small screens */ left: 0 !important; margin-top: 51px; } .RadMenu_Austin .rmSlide .rmToggleHandles .rmSlide .rmText { /* if we have toggles on we don't want to add the extra padding */ padding-right: 15px; } .RadMenu_Austin .rmSlide .rmToggleHandles .rmExpandRight, .RadMenu_Austin .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight { /* if toggle handles are on we don't want to display the arrow twice*/ background-image: none; } } @media (min-width: 768px) { .RadMenu.RadMenu_Austin { /* Make sure mega menus with two levels are an adequate width */ } .RadMenu.RadMenu_Austin .rmItem { white-space: nowrap; } .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem { float: left; clear: none; } .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink { margin: 0; } .RadMenu.RadMenu_Austin .rmSlide .rmGroup { margin: 0; } .RadMenu.RadMenu_Austin .rmSlide .rmItem { float: none; display: block; } .RadMenu.RadMenu_Austin .rmSlide .rmLink { margin: 0; } .RadMenu.RadMenu_Austin .rmToggle, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle { display: none; } .RadMenu.RadMenu_Austin .rsmTwoLevels { /*Standard Width*/ min-width: 190px !important; } .RadMenu.RadMenu_Austin .LargerWidth10 { /*minimum width for more than menu items with 10-13 chars*/ min-width: 210px !important; } .RadMenu.RadMenu_Austin .LargerWidth10 .rsmLink { width: 130px; } .RadMenu.RadMenu_Austin .LargerWidth14 { /*minimum width for more than menu items with 14-17 chars*/ min-width: 280px !important; } .RadMenu.RadMenu_Austin .LargerWidth14 .rsmLink { width: 150px; } .RadMenu.RadMenu_Austin .LargerWidth18 { /*minimum width for more than menu items with 18-21 chars*/ min-width: 350px !important; } .RadMenu.RadMenu_Austin .LargerWidth18 .rsmLink { width: 185px; } .RadMenu.RadMenu_Austin .LargerWidth22 { /*minimum width for more than menu items with 22+ chars*/ min-width: 450px !important; } .RadMenu.RadMenu_Austin .LargerWidth22 .rsmLink { width: 225px; } } /* ========================================================================== SECONDARY NAVIGATION ========================================================================== */ /**** Telerik overrides ****/ .RadTreeView.RadTreeView_Austin { white-space: normal; } .RadTreeView.RadTreeView_Austin .rtLI, .RadTreeView.RadTreeView_Austin .rtTop, .RadTreeView.RadTreeView_Austin .rtMid, .RadTreeView.RadTreeView_Austin .rtBot { padding: 0; } .RadTreeView.RadTreeView_Austin .rtIn { font-weight: bold !important; display: block; } .RadTreeView.RadTreeView_Austin .rtIn, .RadTreeView.RadTreeView_Austin .rtHover .rtIn, .RadTreeView.RadTreeView_Austin .rtSelected .rtIn { padding: 10px 15px; border: none; } .RadTreeView.RadTreeView_Austin .rtUL { width: 100%; } .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Austin .child-is-selected.rtIn { background-color: transparent; color: #333333; } .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:focus { background-color: transparent; } .RadTreeView.RadTreeView_Austin .rtUL .rtUL { padding-left: 15px; } .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI { /* add a separator border to the first-level sub-nav items only */ border-top: 1px dotted #ddd; } .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI:first-child { border-top: none; } .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI .rtLI .rtIn { /* children should have less padding */ padding: 5px 15px; } .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI > .rtUL { /* this makes the children section padding even */ padding-right: 15px; padding-bottom: 10px; } .RadTreeView.RadTreeView_Austin > .rtUL { /* add a boundary for hovered navs */ margin: 0 1px 1px 1px; } .RadTreeView.RadTreeView_Austin .rtSp, .RadTreeView.RadTreeView_Austin .rtPlus, .RadTreeView.RadTreeView_Austin .rtMinus { /* we don't want to display the expand/collapse icons in this theme */ display: none; } .RadTreeView.RadTreeView_Austin a.rtIn { color: #23749d; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin: 0; } @media screen and (prefers-reduced-motion: reduce) { .RadTreeView.RadTreeView_Austin a.rtIn { -webkit-transition: none; transition: none; } } .RadTreeView.RadTreeView_Austin a.rtIn:hover, .RadTreeView.RadTreeView_Austin a.rtIn:focus, .RadTreeView.RadTreeView_Austin a.rtIn:active { background-color: #fff; } .nav-secondary { background-color: #f4f5ed; margin-bottom: 1em; } .nav-secondary .sub-nav-head { background-color: #dc4f00; color: #fff; font-weight: bold; font-size: 120%; padding: 10px 15px; } .nav-secondary .SubNavigationSeparator { border: none; height: 4px; background-color: #e0e3cc; } .nav-secondary .SubNavigationSeparator .rtIn { padding: 0; } /* ========================================================================== AUXILIARY NAVIGATION ========================================================================== */ .navbar-header { float: right; } .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink { display: inline-block; vertical-align: middle; } .navbar-toggle { margin-top: 6.5px; margin-bottom: 6.5px; vertical-align: middle; background-color: #0f323e; border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; /* extend the toggle down when it's open */ margin-bottom: 0; padding-bottom: 18px; } .navbar-toggle.collapsed { /* then tighten it back up when it's closed */ margin-bottom: 6.5px; padding-bottom: 9px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .navbar-toggle.collapsed { background-color: #2f8aa7; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: #267087; } .navbar-toggle .icon-bar { background-color: #fff; } .nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle { margin-left: 15px; } .nav-auxiliary a { /* Utility navigation links */ color: #807f7f; } @media (min-width: 768px) { .nav-auxiliary .NavigationListItem, .nav-auxiliary .header-social .SocialSprite { margin-left: 7px; } } .nav-auxiliary .nav-image { vertical-align: baseline; padding-right: 8px; } /* Cart item count ========================================================================== */ /* By default, put parentheses around the cart item count. * This is overwritten when the class "nav-aux-cart" is applied. */ .cartCenter span:before { content: '('; } .cartCenter span:after { content: ')'; } /* Auxiliary toggle buttons ========================================================================== */ /* Toggles that display on x-small screens to display the primary nav and search */ .navbar-toggle { float: none; } .navbar-toggle .icon-bar { height: 3px; border-radius: 0; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-toggle .icon-search { display: inline-block; float: left; background: url("images/ResponsiveHeaderSprite.png") no-repeat center top; width: 22px; height: 21px; margin: -1px 0; /* this makes it line up properly with the hamburger */ } /* Auxiliary button links ========================================================================== */ /* These links are styled like the toggles on x-small screens */ .nav-auxiliary .NavigationListItem { position: relative; /* this is required for the cart indicator placement */ display: inline-block; } .nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text { /* add the background sprite for the provided CSS classes */ background-image: url("images/ResponsiveHeaderSprite.png"); background-repeat: no-repeat; padding-left: 26px; } .nav-auxiliary .nav-aux-account .nav-text { background-position: 0 -125px; } .nav-auxiliary .nav-aux-cart .nav-text { background-position: 0 -75px; } .nav-auxiliary .nav-aux-cart .cartFull { /* This is the flag indicating how many items are in your cart */ /* left postion is padding plus placement */ position: absolute; top: -5px; left: 10px; text-align: center; line-height: 1; width: 1.6em; } .nav-auxiliary .nav-aux-cart .cartCenter { color: #fff; background-color: #ec8c56; border-radius: 2px; font-size: 78%; line-height: 1; padding: 0 2px 1px; -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); } .nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after { /* Clear the parentheses put around the item count by default */ content: none; } @media (max-width: 767px) { .nav-auxiliary .nav-aux-button .NavigationLink { /* This makes the link look like the toggle buttons */ background-color: #2f8aa7; margin-left: 15px; padding: 9px 10px; margin-top: 6.5px; margin-bottom: 6.5px; border: 1px solid transparent; border-radius: 0; } .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus { background-color: #267087; } .nav-auxiliary .nav-aux-button .NavigationLink:active { background-color: #0f323e; } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { /* hide the cart text on small devices */ display: inline-block; white-space: nowrap; float: left; overflow: hidden; width: 22px; height: 19px; padding-left: 22px; } .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background-position: 0 -100px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { background-position: 0 -50px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull { /* This is the flag indicating how many items are in your cart */ left: 29px; /* margin, padding, plus placement */ top: 8px; } .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter { background-color: #99e6ff; color: #000; } } .header-search { padding: 10px 15px; } .header-search > .header-search { padding: 0; /* don't double the padding */ } @media (max-width: 767px) { .header-search .search-field { width: 100%; } } @media (min-width: 768px) { .header-search { padding: 0 0 0 7px; } } /* Auxiliary/Primary switch ========================================================================== */ /** * A class that allows a navigation to display in the primary nav on xs screens * and the auxiliary nav on wider screens. * To use this configure the nav item to not be hidden and also display in the * auxiliary navigaiton item. */ @media (max-width: 767px) { .nav-auxiliary .nav-aux-primary-switch, tr.nav-auxiliary .nav-aux-primary-switch, th.nav-auxiliary .nav-aux-primary-switch, td.nav-auxiliary .nav-aux-primary-switch { display: none !important; } } @media (min-width: 768px) { .nav-primary .nav-aux-primary-switch, tr.nav-primary .nav-aux-primary-switch, th.nav-primary .nav-aux-primary-switch, td.nav-primary .nav-aux-primary-switch { display: none !important; } } .searchbar-collapse { margin-left: calc(-1.4 * ((100vw - 100%) / 2)); } /* ========================================================================== ON BEHALF OF ICONS ========================================================================== */ .obo-action { background-image: url("images/OboSprite.png"); } .obo-action.obo-change-contact, .obo-action.obo-change-contact[disabled]:hover, .obo-action.obo-change-contact.Disabled:hover, .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-change-contact { background-position: 0px 0; } .obo-action.obo-change-contact:hover, .obo-action.obo-change-contact:focus, a:hover .obo-action.obo-change-contact, a:focus .obo-action.obo-change-contact { background-position: 0px -35px; } .obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear { background-position: -35px 0; } .obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear { background-position: -35px -35px; } /* ========================================================================== SOCIAL ICONS ========================================================================== */ .SocialSprite { background-image: url(images/SocialSprite.png); background-repeat: no-repeat; width: 24px; height: 24px; vertical-align: top; opacity: .70; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } @media screen and (prefers-reduced-motion: reduce) { .SocialSprite { -webkit-transition: none; transition: none; } } .SocialSprite.LargeButtons { width: 32px; height: 32px; } .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active { opacity: 1; } .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon { background-position: 0 0; background-color: #3b5998; } .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons { background-position: 0 -80px; } .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon { background-position: -40px 0; background-color: #00a0d1; } .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons { background-position: -40px -80px; } .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon { background-position: -80px 0; background-color: #0077b5; } .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons { background-position: -80px -80px; } .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon { background-position: -120px 0; background-color: #c4302b; } .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons { background-position: -120px -80px; } .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon { background-position: -160px 0; background-color: #0a629a; } .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons { background-position: -160px -80px; } .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon { background-position: -200px 0; background-color: #0a629a; } .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons { background-position: -200px -80px; } .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon { background-position: -240px 0; background-color: #db4a39; } .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons { background-position: -240px -80px; } .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon { background-position: -280px 0; background-color: #00aff0; } .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons { background-position: -280px -80px; } .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon { background-position: -360px 0; background-color: #e1306c; } .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons { background-position: -360px -80px; } .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon { background-position: -400px 0; background-color: #fffc00; } .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons { background-position: -400px -80px; } /**** End Social Netowrking Icon Styling ****/ input, button, select, textarea { font-family: Segoe UI, Helvetica, Arial, sans-serif; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 37px; padding: 5px 10px; font-size: 100%; line-height: 1.6; color: #555555; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s; } @media screen and (prefers-reduced-motion: reduce) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-transition: none; transition: none; } } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #999999; opacity: 1; } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #999999; opacity: 1; } select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #999999; opacity: 1; } select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .uneditable-input::-ms-input-placeholder { color: #999999; opacity: 1; } select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .uneditable-input::placeholder { color: #999999; opacity: 1; } /* RadComboBox needs the same styles as normal inputs, * but has to be done separately due to its structure */ .RadComboBox.RadComboBox_MetroTouch { color: #555555; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput { color: #555555; } .RadComboBox.RadComboBox_MetroTouch .rcbInner { height: 37px; padding: 0; font-size: 100%; line-height: 1.6; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s; } @media screen and (prefers-reduced-motion: reduce) { .RadComboBox.RadComboBox_MetroTouch .rcbInner { -webkit-transition: none; transition: none; } } .RadComboBox.RadComboBox_MetroTouch .rcbInputCell { padding: 0; } .RadComboBox.RadComboBox_MetroTouch .rcbFocused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .RadComboBox.RadComboBox_MetroTouch .rcbInput { height: 100%; padding: 5px 10px; } .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput { /* Make sure the page size dropdown in the RadGrid has enough room to show page size */ padding: 2px; } .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage { color: #999999; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton { border-radius: 0 0 0 0; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon { height: 1.4em; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch { font: inherit; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading { padding-top: 5px; padding-bottom: 5px; } .RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput { height: auto !important; /* IE11 */ } .RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox { height: 37px; padding: 5px 10px; border-color: #ccc; font: inherit; color: #555555; } .RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus { border-color: #66afe9; } .RadUpload.RadUpload .ruFakeInput { height: 35px; padding: 0; border-radius: 0; } /* RadEditor designed to look like a normal text box */ .HtmlEditorTextBoxStyle { border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .HtmlEditorTextBoxStyle .reContent { border-radius: 0; } .HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td { background-color: transparent; } /* RadPicker - Make sure there's some space between the picker and the time zone label*/ .RadPicker + .TimeZoneLabel { margin-left: .5em; } /* Chosen multi-select */ .chosen-container-multi .chosen-choices { min-height: 37px; border-radius: 0; border-color: #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, -webkit-box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s; background-image: none; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-multi .chosen-choices { -webkit-transition: none; transition: none; } } .chosen-container-multi .chosen-choices li.search-field { /* Remove the styling used in the master page search-field */ background-color: transparent; background-image: none; border-color: transparent; padding-left: 0 !important; } .chosen-container-active .chosen-choices { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } textarea { height: auto; } select { border: 1px solid #ccc; background-color: #fff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* ========================================================================== BUTTONS ========================================================================== */ /* set up button base styles */ .btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: normal; text-decoration: none; padding: 5px 10px; font-size: 16px; line-height: 1.6; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } @media screen and (prefers-reduced-motion: reduce) { .btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton { -webkit-transition: none; transition: none; } } .btn:focus, .TextButton:focus, .TextButtonWithImage:focus, .RadUpload .ruButton:focus, .RadUploadProgressArea .ruButton:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:visited, .RadUpload .ruButton:hover, .RadUpload .ruButton:focus, .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea .ruButton:visited { color: #fff; text-decoration: none; } .btn:active, .btn.active, .TextButton:active, .TextButton.active, .TextButtonWithImage:active, .TextButtonWithImage.active, .RadUpload .ruButton:active, .RadUpload .ruButton.active, .RadUploadProgressArea .ruButton:active, .RadUploadProgressArea .ruButton.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .TextButtonWithImage.disabled, .TextButtonWithImage[disabled], fieldset[disabled] .TextButtonWithImage, .TextButtonWithImage.aspNetDisabled, .RadUpload .ruButton.disabled, .RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload .ruButton, .RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea .ruButton, .RadUploadProgressArea .ruButton.aspNetDisabled { opacity: .55; -webkit-box-shadow: none; box-shadow: none; } a.TextButton.disabled, a.TextButton[disabled], fieldset[disabled] a.TextButton, a.TextButton.aspNetDisabled { pointer-events: none; } /* default button */ .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton { color: #fff; background-color: #2f8aa7; border-color: transparent; } .btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited { color: #fff; background-color: #267087; border-color: rgba(0, 0, 0, 0); } .btn:active, .TextButton:active, .TextButtonWithImage:active, .ruButton:active, #masterHeaderActionArea a:active, .RadGrid input.TextButton:active { background-image: none; } .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, fieldset[disabled] .TextButton, fieldset[disabled] .TextButton:hover, fieldset[disabled] .TextButton:focus, fieldset[disabled] .TextButton:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, fieldset[disabled] .TextButtonWithImage, fieldset[disabled] .TextButtonWithImage:hover, fieldset[disabled] .TextButtonWithImage:focus, fieldset[disabled] .TextButtonWithImage:active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, fieldset[disabled] .ruButton, fieldset[disabled] .ruButton:hover, fieldset[disabled] .ruButton:focus, fieldset[disabled] .ruButton:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, fieldset[disabled] .RadGrid input.TextButton, fieldset[disabled] .RadGrid input.TextButton:hover, fieldset[disabled] .RadGrid input.TextButton:focus, fieldset[disabled] .RadGrid input.TextButton:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active { background-color: #2f8aa7; border-color: transparent; } /* some Telerik overrides */ .ruButton { background-color: #2f8aa7 !important; color: #fff !important; cursor: pointer; border-radius: 0 !important; } .RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove { height: auto; padding: 5px 10px; line-height: 1.6; border-radius: 0; } /* primary button */ .PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton { color: #fff; background-color: #dc4f00; border-color: transparent; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited { color: #fff; background-color: #b34000; border-color: rgba(0, 0, 0, 0); } .PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active { background-image: none; } .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { background-color: #dc4f00; border-color: transparent; } /* Facebook sign in button */ .TextButton.Facebook { color: #fff; background-color: #3b5998; border-color: transparent; } .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited { color: #fff; background-color: #30487b; border-color: rgba(0, 0, 0, 0); } .TextButton.Facebook:active { background-image: none; } .TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active { background-color: #3b5998; border-color: transparent; } /* LinkedIn sign in button */ .SignInButton.LinkedIn { color: #fff; background-color: #0077b5; border-color: transparent; } .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited { color: #fff; background-color: #005c8c; border-color: rgba(0, 0, 0, 0); } .SignInButton.LinkedIn:active { background-image: none; } .SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active { background-color: #0077b5; border-color: transparent; } .MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage { font-size: 120%; padding: 9px 14px; } .LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage { font-size: 150%; padding: 12px 17px; } /* Style buttons to look like links for deemphasis */ .LinkButton { -webkit-appearance: none !important; background: transparent !important; color: #23749d; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 5px 10px; font-size: 16px; line-height: 1.6; border-radius: 0; color: #23749d ; text-decoration: underline; } .LinkButton:visited { color: #2883b2 ; } .LinkButton:hover, .LinkButton:focus, .LinkButton:active { color: #1a5573 ; text-decoration: underline ; } .LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited { color: #999999 ; text-decoration: underline ; } @media (min-width: 992px) { .StandardButtonMd { padding: 5px 10px; font-size: 16px; line-height: 1.6; border-radius: 0; } } .CalloutArea1 .btn.PrimaryButton, .CalloutArea1 .TextButton.PrimaryButton, .CalloutArea1 .TextButtonWithImage.PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea2 .TextButton.PrimaryButton, .CalloutArea2 .TextButtonWithImage.PrimaryButton { color: #fff; background-color: #424242; } .CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus, .CalloutArea1 .TextButton.PrimaryButton:hover, .CalloutArea1 .TextButton.PrimaryButton:active, .CalloutArea1 .TextButton.PrimaryButton:focus, .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea1 .TextButtonWithImage.PrimaryButton:active, .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus, .CalloutArea2 .btn.PrimaryButton:hover, .CalloutArea2 .btn.PrimaryButton:active, .CalloutArea2 .btn.PrimaryButton:focus, .CalloutArea2 .TextButton.PrimaryButton:hover, .CalloutArea2 .TextButton.PrimaryButton:active, .CalloutArea2 .TextButton.PrimaryButton:focus, .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea2 .TextButtonWithImage.PrimaryButton:active, .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus { color: #fff; background-color: #232323; } /* Generic red and green buttons to be used for all themes (styling is not theme dependant) */ .btn.DangerButton { color: #fff; background: #c74b49; } .btn.SuccessButton { color: #fff; background: #008943; } /* ========================================================================== CONTENT ITEMS ========================================================================== */ /* Open Invoices ========================================================================== */ .OpenInvoicesTotals .SelectedTotal .PanelFieldValue { color: #dc4f00; } /* Group List Editor ========================================================================== */ .RadTreeView.GLE .rtLI { margin-bottom: .3em; } .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn { background-color: transparent; border: none; color: #23749d; } .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus { background-color: #2f8aa7; color: #fff; } /* Communiaction Preferences ========================================================================== */ .CommunicationPreferencesSection { background-color: #f4f5ed; } /* Mini Profile ========================================================================== */ .mini-profile-banner-large .panel-heading, .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area { background-color: #f9f9f9; } .mini-profile-banner-large .panel-heading, .mini-profile-banner-large .panel-heading h1, .mini-profile-banner-large .panel-heading h2, .mini-profile-banner-large .panel-heading h3, .mini-profile-banner-large .panel-heading h4, .mini-profile-banner-large .panel-heading h5, .mini-profile-banner-small .panel-heading, .mini-profile-banner-small .panel-heading h1, .mini-profile-banner-small .panel-heading h2, .mini-profile-banner-small .panel-heading h3, .mini-profile-banner-small .panel-heading h4, .mini-profile-banner-small .panel-heading h5 { color: #333333; } .mini-profile-banner-large a, .mini-profile-banner-large a:hover, .mini-profile-banner-large a:active, .mini-profile-banner-large a:visited, .mini-profile-banner-small a, .mini-profile-banner-small a:hover, .mini-profile-banner-small a:active, .mini-profile-banner-small a:visited { color: #333333; text-decoration: underline; } .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel { /* Style the name like an h2 */ font-family: Raleway, Verdana, sans-serif; font-weight: 200; font-size: 170%; } .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section { background-color: #f9f9f9; } .mini-profile-banner-large .profile-picture-container, .mini-profile-banner-small .profile-picture-container { display: inline-block; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding: 8px; border-radius: 5px; } .mini-profile-banner-large .profile-picture-container img, .mini-profile-banner-small .profile-picture-container img { border-radius: 3px; } .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section { border-bottom: 1px solid #ccc; } @media (min-width: 768px) { .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section { background-color: #f9f9f9; } .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-name-section a, .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-large .mini-profile-name-section label, .mini-profile-banner-large .mini-profile-name-section .Label, .mini-profile-banner-large .mini-profile-address-section, .mini-profile-banner-large .mini-profile-address-section a, .mini-profile-banner-large .mini-profile-address-section .SectionLabel, .mini-profile-banner-large .mini-profile-address-section label, .mini-profile-banner-large .mini-profile-address-section .Label { color: #333333; } .mini-profile-banner-large .mini-profile:after { /* because we're not sure if the name or address will be the last section of the right column, need to add the border in this weird way */ content: ''; border-bottom: 1px solid #ccc; grid-column: address; grid-row: address; -ms-grid-row-align: end; align-self: end; z-index: 1; } } /* Search Results ========================================================================== */ .SearchField, .SearchResultSummary .ListItemTitle a { display: block; background-color: #badde8; padding: 8px 12px; } .SearchField label { font-size: 120%; color: #23749d; } .SearchResultSummary .ListItemTitle a { text-decoration: none; color: #333333 !important; margin: -4px -7px 0; } .SearchResultSummary .ListItemTitle a:hover { background-color: #93cadc; text-decoration: underline; } /* Event Display ========================================================================== */ .EventSummary { background-color: #f4f5ed; } .EventSummary .PhotoArea { padding: 2em; } .EventSummary .Description { padding: 0 2em 2em 2em; } @media (min-width: 768px) { .EventSummary .Description { padding-top: 2em; } } .EventSummary .PhotoArea img { border: 1px solid #ddd !important; } .ProgramGroup .PanelHead, .ProgramGroup .panel-heading { background-color: #93cadc; } .ProgramGroup .PanelTitle, .ProgramGroup .panel-title { font-family: Segoe UI, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 120%; line-height: 2em; padding-left: .5em; color: #333333; } .ProgramGroup .PanelBody, .ProgramGroup .panel-body { padding: 0; } /* Product Display ========================================================================== */ .ProductDisplay { background-color: #f4f5ed; padding: 1em; } /* Progress Tracker ========================================================================== */ /* These are overrides for the colors and styles defined in 10-UltraWave.css */ /* */ .ProgressTracker .count { font-weight: bold; } .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span { background-color: #3aabcf; } /* Tracker > */ /* */ .ProgressTracker2 .ProgressTrackerPanel { background-color: #93cadc; } .ProgressTracker2 .ProgressTrackerPanel::after { display: block; clear: both; content: ""; } .ProgressTracker2 .ProgressTrackerPanel .count { color: #fff; font-family: Raleway, Verdana, sans-serif; font-weight: 200; } .ProgressTracker2 div p { background-color: #fff; color: #23749d; margin-bottom: 0; } .ProgressTracker2 .ProgressBar { margin: 10px; } .ProgressTracker2 .ProgressBar > span { background-color: #db9770; } .ProgressTracker2 .SuccessfulMessage { background-color: #6db0d3; color: #333333; } /* Tracker 2> */ /* Filter Panel (Query Menu) ========================================================================== */ /* This is an alternate style for the Query Menu filter panel */ .FilterPanel { background-color: #f4f5ed; border: none !important; margin-top: -3px; } .FilterPanel .PanelTitle, .FilterPanel .panel-title { background-image: none; padding-left: 0.1em; line-height: normal; margin-left: 0; font-size: 140.0001%; } .FilterPanel .PanelHead.Distinguish, .FilterPanel .panel-heading.Distinguish { border: none; min-height: 1em; } /* Cart Charges ========================================================================== */ .CartCharges { background-color: #f4f5ed; } .CartCharges .PanelField { border-bottom: none; border-top: 1px dotted #ddd; } .CartCharges .PanelField:first-child, .CartCharges .PanelField .GrandTotal { border-top: none; } .CartCharges .GrandTotal .PanelField { background-color: #fff; text-transform: uppercase; font-weight: bold; color: #dc4f00; } .CartCharges .GrandTotal .PanelField .Label { color: #dc4f00; } /* ========================================================================== TELERIK OVERRIDES ========================================================================== */ /* RadTabStrip ========================================================================== */ .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL { background-color: #3aabcf !important; } .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink { text-transform: none; border-color: #3aabcf; } .RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover { border-color: #fff; } .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover { color: #dedede; border-color: transparent; } .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { font-family: inherit; font-weight: inherit; font-size: 16px; } html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover { border-color: #3aabcf; background-color: #3aabcf; } html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number { color: #fff; background-color: #2a8dac; } .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #3aabcf; } @media (max-width: 600px) { .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL { float: none; width: 100%; display: block; } html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { margin: 0; } } @media (min-width: 601px) and (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI { margin-right: -1px; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI { margin-right: 0; } } @media (max-width: 767px) { .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { display: block; border-bottom: 3px solid #3aabcf; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel { width: 100%; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel .rtsLink.rtsLink { border-width: 1px 1px 0 1px; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn { text-align: center; } .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch + .RadMultiPage { border-width: 0 1px 1px 1px; } } @media (min-width: 768px) { .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft { border-right: 3px solid #3aabcf; } .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft .rtsLevel1 .rtsLink { border-right-width: 0; } .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft + .RadMultiPage { border-left-width: 0; } .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight { border-left: 3px solid #3aabcf; } .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight .rtsLevel1 .rtsLink { border-left-width: 0; } .wrapper:not(.has-secondary-col) .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripRight + .RadMultiPage { border-right-width: 0; } .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch { border-bottom: 3px solid #3aabcf; } .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI { display: inline-block; float: left; } .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLI { margin-right: -1px; } .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLast .rtsLI { margin-right: 0; } .account-page-with-banner .wrapper.has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink { border-width: 1px; } } /* On the account page, when secondary nav is present, display the tabs on top */ .account-page-with-banner .has-secondary-col .tabs-left, .account-page-with-banner .has-secondary-col .tabs-right { display: block; } /* RadToolTip ========================================================================== */ /* Currently used by the QueryMenu iPart */ .RadToolTip_Telerik a:hover { background-color: #93cadc; } /* RadGrid ========================================================================== */ .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro { color: #333333; } .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable { background-color: #fff; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow > td { border-left-color: transparent; } .RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell { border-width: 0; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow > td, .RadGrid.RadGrid_Metro .rgEditRow > td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child { padding: 7px 12px; } .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child { /* reset the padding for expand/collapse column */ padding-left: 0; padding-right: 0; } .RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { background-color: #3aabcf; border-color: #3aabcf; color: #fff !important; } .RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel { background-color: #3aabcf; } .RadGrid.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid.RadGrid_MetroTouch .rgSave:hover, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover, .RadGrid.RadGrid_Metro input.rgAdd:hover, .RadGrid.RadGrid_Metro input.rgRefresh:hover, .RadGrid.RadGrid_Metro .rgSave:hover, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover { background-color: #fff; } .RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption { background-color: #3aabcf; } .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell { border-color: #3aabcf; } * + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted { background-color: #3aabcf; } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted { background-color: #3aabcf; border-color: #3aabcf; } .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a { color: #fff !important; } /* RadComboBox ========================================================================= */ .RadComboBox .rcbActionButton .t-font-icon { font: 16px/1 "TelerikWebUI"; } /* RadDataPager ========================================================================== */ .RadDataPager.RadDataPager_MetroTouch, .RadDataPager.RadDataPager_Metro { border: none; background-color: transparent; } .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton { background-color: #3aabcf; border-color: #3aabcf; } /* RadScheduler ========================================================================== */ .RadScheduler.RadScheduler_Metro .rsAptIn { border-top: none; } .RadScheduler.RadScheduler_Metro .rsHeader { border-color: #3aabcf; background-color: #3aabcf; } .RadScheduler.RadScheduler_Metro .rsHeader ul a { border-color: #3aabcf; } .RadScheduler.RadScheduler_Metro .rsHeader h2 { font-family: Segoe UI, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-transform: none; border-bottom: none; } /* RadMenu ========================================================================== */ .RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink { text-transform: none; color: #ffffff; } .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup { background-color: #2f8aa7; } .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink { border-color: #2f8aa7; } .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover { border-color: #2f8aa7; } .RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover { border-color: #2f8aa7; background-color: #2f8aa7; color: #FFF !important; } .RadMenu_MetroTouch .rmRootGroup .rmLeftImage { margin-top: 10px !important; } .RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink { border-style: none; } /* RadWindow ========================================================================== */ .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: #2f8aa7; } .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus { border-color: #2f8aa7; background-color: #2f8aa7; } .RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus { border-color: #fff; border-radius: 50%; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a { background-color: #2f8aa7; } .RadWindow.RadWindow_Metro .rwControlButtons a { border-color: #2f8aa7; } .RadWindow.RadWindow_Metro .rwControlButtons a:focus { /* give the refresh, expand, close buttons an outline when focused */ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); /* needed for IE9 compability */ border-collapse: separate; /* override setting from UltraWave */ outline: none; } .RadWindow.RadWindow_Metro table.rwTitlebarControls em { text-transform: none; } /* RadTreeView ========================================================================== */ .RadTreeView.RadTreeView_Vista .rtLI { padding: 0; } .RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus { margin: 5px 6px 0 -17px; width: 11px; height: 11px; border-width: 0; left: auto; top: auto; } /* RadPicker ========================================================================== */ /* Date and Time selectors */ .RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable, .RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable { font-family: inherit; font-weight: inherit; } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover { border-color: #3aabcf; } .RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before { color: #3aabcf; } .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a { border-color: #3aabcf; } .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a { border-color: #3aabcf; background: #3aabcf; } .RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span { /* The Sunday column is not rendering correctly because it's in a