/*REFRESH_ASSESS done: remove at the end of the refresh, contains bootstrap stuff looks like*/ /* Contains width and height code and some basic positioning for each DIV in the grid.(margins ,float, etc.) You only need to touch this file if you are changing the width or height of DIVS in pages or basic positioning of the DIVS. Please see style.css for more comprehensive styling changes. */ .nested-row { margin-left: 0px; margin-right: 0px; } .no-show { display: none; } div.accordion-toggle, a.accordion-toggle { cursor: pointer !important; } /* Container ----------------------------------------------------------------------------------------------------*/ .container-fluid { margin-left: 7px; margin-right: 7px; } .wrapper { margin-left: auto; margin-right: auto; position: relative; } @media ( min-width : 960px) { .container-fluid { margin: 0px; padding: 0px; } .wrapper { width: 960px; } .row { /*in desktop when wrapper is fixed no need for row -15 margin */ margin-left: 0px; margin-right: 0px; } } @media ( min-width : 1260px) { .wrapper { width: 1260px; } } /* GLOBAL FOOTER Layout. Begin--------------------------------------------------------------------------------------------------------------------------------*/ /* `Grid >> Header ----------------------------------------------------------------------------------------------------*/ /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_header, .grid_mainNav, .grid_imageRotation, .grid_widgets, .grid_popInfo, .grid_indicators, .grid_quickFacts, .grid_popClocks, .grid_breakingNews, .grid_trending, .grid_statsDay, .grid_footer, .grid_spacer-left, .grid_spacer-right, .grid_rightArrowNav, .grid_leftArrowNav, .grid_viewAllBtns { display: inline; float: left; margin-left: 0px; margin-right: 0px; } /* This ID changes the background image for the inner pages. Use this ID for all pages except the homepage. Place in the body tag (i.e )--------------------------------------------------------------*/ #innerPage { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/main-bg-alt.png"); } /* `Grid >> Global content for Grid DIVS ------------------------------------------------------------------START----------------------------------*/ .grid_content_indicators { display: inline; float: left; margin-left: 5px; margin-right: 5px; } .grid_content_quickFacts { display: inline; float: left; margin-left: 5px; margin-right: 5px; } .grid_content_pop { display: inline; float: left; margin-left: 5px; margin-right: 5px; } .grid_content_imagery { display: inline; float: left; margin-left: 5px; margin-right: 5px; } /* `Grid >> Global content for Grid DIVS --------------------------------------------------------------------END--------------------------------*/ .push_statsDay { position: relative; } /* Main NAV ----------------------------------------------------------------------------------------------------*/ .wrapper .grid_mainNav { width: 960px; height: 40px; } .wrapper .grid_imageRotation{ width: 960px; min-height: 207px; } .wrapper .grid_content_imagery { margin-left: 0px; height: 200px; width: 960px; margin-top: 3px; } .wrapper .grid_content_imagery_nav { width: 350px; height: 176px; position: absolute; left: 550px; top: 116px; margin: 10px 12px 20px 12px; background: white; background-color: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF); -moz-box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493; -webkit-box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')"; border-radius: 2px; box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493; } .wrapper .grid_content_imagery_nav_button_section { width: 265px; } .wrapper .grid_content_photoButtons { width: 18px; height: 16px; } .wrapper .grid_content_photoButtonsSelected { width: 18px; height: 16px; } .wrapper .grid_widgets { width: 940px; height: 189px; } .wrapper .grid_quickFacts { width: 267px; margin-left: 0px; margin-right: 0px; } .wrapper .grid_content_indicators { width: 254px; height: 128px; } .wrapper .grid_popClocks { width: 267px; margin-left: 0px; margin-right: 0px; } .wrapper .grid_content_pop { width: 256px; height: 140px; } .grid_popClocks, .grid_quickFacts { width: 260px; height: 186px; } .wrapper .grid_breakingNews { width: 620px; height: auto; margin-bottom: 10px; margin-left: 2px; margin-right: 8px; } .wrapper .grid_Newsarticle { width: 620px; height: 105px; margin-left: 0px; padding-bottom: 0px; padding-top: 0px; margin-right: 0px; } .wrapper .grid_Newsarticle img { margin-bottom: 10px; margin-right: 10px; margin-top: 0px; float: left; max-width: 160px; max-height: 100px; } .wrapper .grid_articleHeader { width: 100%; } .wrapper .grid_articleDate { font-weight: normal; width: 100%; } .wrapper .grid_trending { padding-bottom: 5px; margin-left: 0px; margin-right: 2px; width: 100%; } .wrapper .grid_trendingLinks { width: 100%; } .wrapper .grid_popInfo { width: 295px; margin-left: 0px; margin-right: 0px; } .wrapper .grid_articleText { width: 100%; } .wrapper .grid_viewAllBtnNews { width: 170px; height: 36px; } .wrapper .grid_viewAllBtnStats { height: 36px; width: 248px; } .wrapper .grid_statofDay { width: 147px; height: 35px; } .wrapper .grid_statText { width: auto; height: 25px; } .wrapper .grid_spacer-left { width: 79px; height: 1px; } .wrapper.grid_spacer-right { width: 70px; margin-left: 4px; } .wrapper .grid_viewAll { width: 960px; } /* Details Visual Page layout. Begin---------------------------------------------------------------*/ .wrapper .grid_navInner { width: 125px; margin-left: 80px; margin-right: 0px; } .wrapper .grid_content_detailsMap { width: 632px; } .wrapper .grid_content_visualTitles { width: 630px; } /* Details Visual Page-Standard layout. Begin---------------------------------------------------------------*/ #DetailsVisualContainer{ vertical-align: top; width: 630px; height: auto; display:inline-block; } .wrapper .grid_content_detailsStandard { height: auto; vertical-align: top; } .wrapper .grid_content_adImageContainer { width: 150px; height: auto; margin-left: 10px; display: inline-block; } /* List Visual Gallery Page-Standard layout. Begin---------------------------------------------------------------*/ .glossymenu{ width: 123px; /*width of menu*/ margin-top: 8px; } .glossymenu a.menuitem { position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; } .wrapper .grid_content_listTitle { margin-left: 0px; margin-bottom: 10px; text-align: left; font: Roboto,sans-serif; color: #064167; font-weight: bold; } .wrapper .grid_content_listTitle h3 { margin-left: 0px; margin-bottom: 10px; margin: 0 0 0px; padding: 0px 0; text-align: left; font: Roboto,sans-serif; font-weight: bold; } #grid_listpage_absArticleListContainer{ float: left; margin-left: 20px; width: 555px; } #grid_searchpage_absArticleListContainer{ float: left; margin-left: 10px; width: 458px; } #grid_listpage_visualGalleryContainer { float: right; margin-right: 70px; width: 675px; } #grid_navInnerGallery { clear: left; float: left; margin-left: 0px; background: #FFFFFF; width: 150px; height: 550px; } .wrapper .grid_navInnerGallery{ width: 126px; } .wrapper .grid_content_visualGalleryContainer { float: left; margin-right: 0px; width: 822px; border: 0px solid red; min-height: 100px; height: 100%; width: 700px; } /* Landing Page Standard Layout. Begin--------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .grid_tabButtonsLanding { width: 400px; height: 40px; margin-top: 10px; margin-left: 0px; margin-right: 0px; } .wrapper .grid_breakingNewsLanding { margin-left: 2px; margin-right: 2px; width: 800px; } .wrapper .grid_NewsarticleLanding { width: 550px; margin-left: 0px; margin-right: 0px; margin-top: 10px; } .wrapper .grid_NewsarticleLanding img { margin-bottom: 0px; margin-top: 0px; margin-right: 10px; float: left; max-width: 120px; max-height: 75px; } .wrapper .grid_viewAllLanding { width: 550px; } .wrapper .grid_viewAllBtnNewsLanding { height: 40px; width: 550px; } .wrapper .grid_quickFactsLanding { width: 240px; height: 352px; float: right; margin-top: -40px; margin-right: 5px; background-repeat: no-repeat; } .wrapper .grid_content_quickFactsLanding{ margin-left: 0px; margin-top: 6px; } /* Begin List Page Std Layout *******************************/ .wrapper .grid_content_listPageArticleAbstractList { width: 550px; margin-left: 0px; } .wrapper .grid_content_listPageArticleAbstractList ul li { list-style: square inside; } .wrapper .grid_content_searchPageArticleAbstractList { width: 520px; /* formerly 458 */ margin-left: 0px; } .wrapper .grid_content_searchPageArticleAbstractList .grid_content_listPageArticleAbstractListIntro { padding-bottom:17px; } .wrapper .grid_content_listPageImageCol { float: left; max-width: 160px; padding-right: 10px; } .wrapper .articleSpacerWImg { height: 40px; } .wrapper .articleSpacer { height: 30px; } .wrapper .clear_content_listPageAbstract { height: 8px; } .grid_content_listPageContent .hr { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/divider-lf.jpg"); background-repeat: no-repeat; background-position: bottom; } /* End List Page Std Layout **********************************/ /* `Push Space >> 12 Columns ( use if you need to push a div)*/ .wrapper .INSERTNAMEOFDIV { left: 80px; } /* `Pull Space >> 12 Columns ( use if you need to pull a div) ----------------------------------------------------------------------------------------------------*/ /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .wrapper:before, .wrapper:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .wrapper:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .wrapper { zoom: 1; } /* Basic jQuery Slider essential styles */ ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; } li.bjqs-slide { display: none; position: absolute; } ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index:9999; } ul.bjqs-controls li a { display: block; padding: 5px 10px; position: absolute; text-decoration: none; text-transform: uppercase; } a.bjqs-prev { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/widget-arrow-btn-l.gif'); background-repeat: no-repeat; left:-50px; color: transparent; background-position: center; } a.bjqs-next { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/widget-arrow-btn-r.gif'); background-repeat: no-repeat; background-position: center; right:-50px; color: transparent; } .uscb-animated-text-animation-container { height: 48px; animation: cuberotate 10s ease-out 2.5s infinite forwards; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin: 29px 29px 0; position: relative; } .uscb-animated-text-animation-container:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } .uscb-animated-text-animation-container h1 { position: relative; border: 1px solid rgba(0,0,0,0.2); background: rgba(255,255,255,0.8); box-shadow: inset 0 0 20px rgba(0,0,0,0.2); transform-origin: 29px 58px 0; text-align: left; padding: 0 10px; } .uscb-animated-text-animation-container .uscb-animated-text-face-face1 { transform: translateZ(29px); } .uscb-animated-text-animation-container .uscb-animated-text-face-face2 { transform: rotateX(90deg) translateZ(29px); top: -61px; } .uscb-animated-text-animation-container .uscb-animated-text-face-face3 { transform: rotateX(180deg) translateZ(29px); top: -122px; } .uscb-animated-text-animation-container .uscb-animated-text-face-face4 { transform: rotateX(-90deg) translateZ(29px); top: -182px; } @-webkit-keyframes cuberotate { 0% { -webkit-transform: rotateX(0deg); } 10% {-webkit-transform: rotateX(0deg);} 15% {-webkit-transform: rotateX(-90deg);} 25% {-webkit-transform: rotateX(-90deg);} 30% {-webkit-transform: rotateX(-180deg);} 40% {-webkit-transform: rotateX(-180deg);} 45% {-webkit-transform: rotateX(-270deg);} 55% {-webkit-transform: rotateX(-270deg);} 95% {-webkit-transform: rotateX(-270deg);} 100% {-webkit-transform: rotateX(-360deg);} } /*REFRESH_ASSESS done: Lot's of stuff in here that breaks touch ui etc if removed. leaving it in here. */ /* style.css */ /* REFRESH_ASSESS KEEP*/ .caret { float: right; margin-top: 9px; color: #0095A8 !important; } .righttoleft { text-align:right; direction:rtl; } .wrapper .grid_slatelink a { /*color: #112E51;*/ text-decoration: none; } /* - Merged with rule line # 57 - 62 */ .wrapper .grid_slatelink a:focus, .wrapper .grid_slatelink a:hover { /*color: #041C5D;*/ text-decoration: underline; /* changed 11-15-12*/ } .grid_slatelink a:visited { /*color: #4f3a74;*/ text-decoration: none; } .grid_navylink a { /*color: #010216;*/ text-decoration: none; } .grid_navylink a:hover { /*color: #0e4b91;*/ text-decoration: underline; } .grid_navylink a:visited { /*color: #4f3a74; */ } .grid_lightlink a { color: #112E51; text-decoration: none; } /* - Merged with the CSS rule found just below*/ .grid_lightlink a:hover, .grid_lightlink a:focus { color: #112E51; text-decoration: underline; } .grid_lightlink a:visited { color: #112E51; } .wrapper .grid_breakingNews a:visited { color: #4f3a74; } .wrapper .grid_inasurveyHolder{ height: 50px; } .wrapper .grid_BN_header { padding-top: 10px; padding-bottom: 5px; text-align: left; color: #041c5d; font: Roboto,sans-serif; font-weight: bold; padding-left: 0px; padding-right: 10px; margin-bottom: 0px; } .wrapper .grid_BN_header h3{ font-weight: bold; padding-left: 0px; } .wrapper .grid_trending_header h3 { padding-top: 20px; padding-bottom: 5px; text-align: left; font-weight: bold; padding-left: 0px; padding-right: 10px; margin-bottom: 0px; } .wrapper .grid_stats_header h3 { padding-top: 10px; padding-bottom: 0px; text-align: left; font: Roboto,sans-serif; font-weight: bold; padding-left: 0px; padding-right: 10px; margin-bottom: 0px; } h3.sw-title { font: Roboto,sans-serif; font-weight: bold; margin:8px 20px 8px 20px; margin-bottom: 8px; padding-top: 19px; } p.sw-desc { font: small Roboto,sans-serif; height: 90px; margin: 8px 20px 8px 20px; margin-bottom: 8px; } #sw-view { margin: 0 auto; margin-top: 0px; right: 0px; height: 15px; width: 62px; text-align: center; display: block; background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/readmore-large.jpg") no-repeat; } .wrapper .grid_articleHeader { float:right; color: #112E51; font-weight: bold; } .wrapper .grid_articleHeader a { font: medium Roboto,sans-serif; } .wrapper .grid_articleHeader a:hover{ color: #06A6FA; } .wrapper .grid_articleText { color: #030920; float: right; font-weight: normal; } .wrapper .grid_articleDate { color: #030920; float: right; font-style: italic; padding-top:6px; padding-bottom:6px; } .clearfloats { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; } #replace h2 { display: none; } #events { margin-top: 15px; overflow-y: auto; text-align: left; padding-right: 10px; } .wrapper .grid_trendingLinks { /*color: #021231;*/ font-family: Arial,serif; font-weight: bold; } .wrapper .grid_trendingLinks li { font: small Roboto,sans-serif; border-bottom: thin dotted #cfcfcf; background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; padding-top: 5px; } .wrapper .grid_trendingLinks a:hover{ text-decoration:underline; } .wrapper .grid_statofDay { color: #fff; font: large Roboto,sans-serif; font-weight: bold; text-align: center; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/stat-bg.png"); background-repeat: no-repeat; margin-top: 0px; padding-top: 5px; margin-bottom: 10px; } .wrapper .grid_spacer-left { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/spacer_left.jpg"); } /* Details Visual Page STYLES. Begin------------------------------------------------------------------------------------------------------------*/ .wrapper .grid_navInner ul { list-style: square ; color: #f27604; margin: 0; padding: 0 0 0 0; list-style-position: inside ; line-height: 12px; } .wrapper .grid_navInner li { border-bottom: thin dotted #cfcfcf; line-height: 25px; } /* ie7 hack */ *+html .wrapper .grid_navInner li { line-height: 25px; } .wrapper .grid_navInner a { color: #000; font-weight: normal; font: small Roboto,sans-serif; } .wrapper .grid_navInner a:hover { font-weight: bold; } .wrapper .grid_navInner a:focus { font-weight: bold; font: small Roboto,sans-serif; } .wrapper .grid_navInner .active { font: small Roboto,sans-serif ; font-weight: bold ; color: #050e3a; } .wrapper .grid_content_detailsMap { margin-top: 10px; margin-left: 0px; vertical-align: text-bottom; } .wrapper .grid_content_detailsMap textarea{ width: 580px; height: 80px; } .wrapper .grid_content_detailsMapSource { color: #000000; /* old: 064167 */ font-size: 10px; margin-left: 0px; margin-top: 5px; } .wrapper .grid_content_detailsMapSource p { overflow: visible; margin-bottom: 7px; } .wrapper .grid_content_landingMapSource { color: #064167; font-size: 10px; margin-left: 0px; } /* Details Visual Page-standard STYLES. Begin EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/ /*Begin EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/ .wrapper .grid_content_detailsStandard { background-repeat: no-repeat; margin-top: 0px; /*font: small Roboto,sans-serif;*/ list-style-position: outside; margin-bottom: 7px; margin-left: 0px; } .wrapper .grid_content_detailsStandard P { overflow: visible; /* font: small Roboto,sans-serif;*/ margin-bottom: 14px; } .wrapper .grid_content_detailsStandard img{ margin-bottom: 14px; } @media ( min-width : 321px) { .wrapper .externalImage img, .externalImage img{ max-width:319px; } } @media (min-width : 601px) { .wrapper .externalImage img, .externalImage img{ max-width:599px; } } @media ( min-width : 1260px) { .wrapper .externalImage img, .externalImage img{ max-width:630px; } } .wrapper #DetailsVisualContainer .detailimage .caption { font: x-small Roboto,sans-serif; margin-bottom: 14px; } .wrapper #DetailsVisualContainer .detailimage img{ max-width: 800px; margin-bottom: 14px; } .wrapper .detailimage .grid_content_detailAttachment { max-width: 630px; } div.text { margin: 0px; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .wrapper .grid_content_detailAttachment { max-width: 220px; word-wrap: normal; text-align: left; } .wrapper .grid_content_detailsStandard h3 { color: #041C5D; font: 120% Roboto,sans-serif; font-weight: bold; padding-bottom: 7px; } .wrapper .grid_content_Text { width: auto; font: small Roboto,sans-serif; } .wrapper .grid_content_Text h3{ color: #050e3a; font: Roboto,sans-serif; font-weight: bold; padding-bottom: 5px; } .wrapper .grid_content_Text h5 { padding-bottom: 7px; } .wrapper .grid_articleDateVd { color: #303e58; margin-top: 8px; font: x-small Roboto,sans-serif; font-weight: normal; margin-bottom: 10px; } .wrapper .grid_content_detailsStandardImg { float:right !important; overflow: hidden; margin: 0 0 8px 8px !important; text-align: center; } .wrapper .grid_content_audiovideo { float: right; overflow: hidden; } .wrapper .textthumb { border: 2px solid #CCCCCC; } .wrapper .pdflogo img { border: 0; display: block; width: 17px; height: 17px; } /*END EDITED 1-8-13------------------------------------------------------------------------------------------------------------*/ .wrapper .grid_content_detailsStandardImg a { color: #345B92; font-family: Verdana; font-size: 11px; font-weight: normal; } .wrapper .grid_content_detailsStandardImg a:hover { color: #F17505; font-family: Verdana; font-size: 11px; font-weight: normal; } .wrapper .grid_content_detailsStandardImg .grid_content_detailAttachment a:hover { font-weight: normal; color: #f17505; } .wrapper .grid_pdfButton { cursor: pointer; font-weight: bold; margin-right: 0; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; text-align: right; width: 215px; border:2px solid green; } .wrapper .grid_pdfButton a { font: small Roboto,sans-serif; font-weight: bold; color: #4c6d9e; } .wrapper .grid_pdfButton a:hover { font: small Roboto,sans-serif; font-weight: bold; } .wrapper .grid_pdfButton img { padding: 0px; } .wrapper .contactus_banner { background-color: rgb(0,0,255); } /* List Visual Gallery Page-Standard layout. Begin--------------------------------------------------------------------------------------*/ .wrapper .grid_navInnerGallery { background-color: #e7e9ea; background: #e7e9ea url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/vg-list-nav-bg.gif") ; margin-left: 80px; margin-right: 0; } .wrapper .grid_content_visualGalleryContent{ float: left; margin-left: 215px; margin-top: -550px; width: 670px; } .wrapper .grid_content_visualGalleryContainer img { margin-left:auto; margin-right:auto; display: block; padding-bottom:0px; padding-top: 0px; } .grid_content_visualGalleryContainer p { text-align:left; padding-left: 10px; padding-right: 10px; padding-bottom:0px; padding-top: 3px; font: x-small Roboto,sans-serif; margin-top: 0px; } .grid_content_visualGalleryContainer p:hover { text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; padding-top: 3px; font: x-small Roboto,sans-serif; margin-top: 0px; } .grid_content_visualGalleryContainer div.textonImageTitle { width: 260px; height: 51px; padding: 0px; background-color: white; opacity: .75; filter: alpha(opacity=75); } .grid_content_visualGalleryContainer .textonImageTitle span { color: #041C5D; height: 45px; padding-bottom: 0px; padding-top: 5px; } .grid_content_visualGalleryImgTop { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-image-holder-top.png"); background-repeat: no-repeat; padding-left: 0px; padding-right: 0px; padding-bottom:0px; padding-top: 0px; height: 7px; } .grid_content_visualGalleryImgCenter { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-image-holder-center.png"); background-repeat: repeat-y; padding-left: 0px; padding-right: 0px; padding-bottom:0px; padding-top: 0px; height: 290px; } .grid_content_visualGalleryImgBottom { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-image-holder-bottom.png"); background-repeat: no-repeat; padding-left: 0px; padding-right: 0px; padding-bottom:10px; padding-top: 0px; } /* List Visual Gallery Page-Standard layout. END-------------------------------------------------------------------------------------*/ .glossymenu{ margin: 8px 0; padding: 0; border: 1px solid #e7e9ea; background: #e7e9ea url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/vg-list-nav-bg.gif") ; border-bottom-width: 0; } .glossymenu .divider { padding-left: 5px; margin-top: -10px; } .glossymenu a.menuitem { color: #050E3A; display: block; font: bold 11px "arial",Verdana,Helvetica,sans-serif; padding-left: 8px; text-decoration: none; } .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: #ff9d00; } .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ float: left; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; border: none; } .glossymenu a.menuitem:hover{ background-image: url(); color: #ff9d00; } .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: #e7e9ea; } .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .glossymenu div.submenu ul li { background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/vg-list-nav-bg.gif") repeat scroll 0 0 #E7E9EA; border-bottom: 0 none #E7E9EA; color: #050E3A; font-family: Roboto,sans-serif; font-size: 11px; font-weight: normal; padding: 0 3px 3px 8px; } .glossymenu div.submenu input { margin-right: 4px; } .glossymenu div.submenu ul li a { display: block; font: normal 13px "Arial", "Verdana",Helvetica, sans-serif; font-size: 9px; color: #E7E9EA; text-decoration: none; padding: 2px 0; padding-left: 10px; } .glossymenu div.submenu ul li a:hover { color: #ff9d00; } .wrapper .grid_content_landingTitle { margin-left: 0px; margin-top: 0px; text-align: left; color: #064167; font-weight: bold; } .wrapper .grid_content_landingTitle h3 { margin-left: 0px; margin-top: 10px; margin: 0 0 0px; padding: 0px 0; text-align: left; font-weight: bold; } .wrapper .grid_content_ContentHolder{ width: 100%; height: auto; margin-top:0px; display: inline-block; } .wrapper .grid_content_LandingContent { background-color: #fff; height: auto; } .wrapper .grid_content_LandingSubContent { display: inline-block; width:100%; min-height:160px; padding-bottom:6px; margin-top:0px; } .wrapper .grid_content_LandingContent h4 { color: #041C5D; padding-bottom: 7px; font: bold Arial, Verdana, sans-serif; } .wrapper .grid_content_LandingContent .grid_content_adImageContainer h4 { padding-bottom: 0px; } .wrapper .grid_content_LandingContent a:visited { color: #4f3a74; } .wrapper .grid_content_landingImgFade { z-index:1000; position: absolute; right:265px; float:right; padding-left: 0px; padding-right: 0px; padding-bottom:0px; vertical-align: top; } .wrapper .grid_content_landingImgHolder { width:340px; } @media ( min-width : 1260px ){ .wrapper .grid_content_landingImgHolder { width:340px; float:right; } } .wrapper .grid_content_landingTextHolder { margin-top:5px; color: #030920; } .wrapper .grid_content_landingImg { float:right; padding-left: 0px; padding-right: 0px; padding-bottom:0px; vertical-align: top; max-width:340px; max-height:220px; } .wrapper .grid_content_landingText { color: #030920; margin-top: 0px; margin-right: 0px; font: small Roboto,sans-serif; font-weight: normal; } .wrapper .grid_content_landingText .aboutText{ width:450px; margin:0; padding-bottom:7px; float:left } color: #112E51; text-decoration: none; } .wrapper .grid_textContentLink a:hover { color: #041C5D; text-decoration:underline; } .wrapper .grid_textContentLink a:focus { color: #041C5D; text-decoration:underline; } .grid_textContentLink a:visited { color: #4f3a74; text-decoration: none; } /* For Bulleted list items */ .subtopicSet .subtopicItem li { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align: top; word-wrap: break-word; text-indent: 0px; background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/bullet.png") no-repeat scroll 2px 4px transparent; } .subtopicItem li > * { display: table; table-layout: fixed; width: 110px; overflow:hidden; } .subtopicSet { width: 450px; margin: 0 auto; padding-left: 0px; } .subtopicSet { overflow: hidden; zoom: 1; } /* clear fix */ .subtopicSet ul { margin: 0; padding:0; } .subtopicSet li { margin: 0 0px 10px 0; padding: 5px 5px 0 5px; text-decoration:none; color:#333; width:136px; } #moreOrLess { float:right; } /* Tab Buttons for landing page end */ .wrapper .grid_BN_headerLanding { color: #041C5D; font-weight: bold; margin-bottom: 0; padding: 0px 10px 5px 0; text-align: left; } .wrapper .grid_BN_headerLanding h3 { margin: 0 0 0px; padding: 0px 0; } .wrapper .grid_BN_HolderLanding { width: 550px; display: inline-block; } .wrapper .grid_articleHeaderLanding { color: #2481A6; float: left; font: bold small Roboto,sans-serif; width: 100%; } .wrapper .grid_articleTextLanding { color: #030920; float: left; font: small Roboto,sans-serif; font-weight: normal; width: 100%; } .wrapper .grid_articleDateLanding { color: #030920; float: left; font: x-small Roboto,sans-serif; width: 100%; font-style: italic; padding-top: 6px; padding-bottom:6px; } .wrapper .grid_quickFactsLandingHolder { display:inline-block; width:240px; height:488px; float:right; } .wrapper .grid_quickFactsLanding { min-width: 240px; min-height:488px; float: right; margin-top: -5px; margin-right: 0px; background-repeat: no-repeat; } .wrapper .grid_quickFactsLanding img { margin-left: 5px; margin-top: 10px; } .wrapper .grid_content_quickFactsLanding { text-align: left; font: small Roboto,sans-serif; color: #0b3675; font-weight: bold; margin-left:10px; } .wrapper .quickFactsLandingMainContent { text-align: left; font: small Roboto,sans-serif; color: #000; font-weight: normal; width: 232px; height: 449px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/Content Area-Landing.jpg"); background-repeat: no-repeat; } .wrapper .grid_viewAllBtnNewsLanding { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-lp-btn.jpg"); color: #084e84; font: small Roboto,sans-serif; font-weight: bold; margin-top: 10px; padding-top: 10px; text-align: center; background-repeat: no-repeat; } .wrapper .grid_viewAllBtnNewsLanding:hover { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-lp-over-btn.jpg"); color: #0e72a2; font: small Roboto,sans-serif; font-weight: bold; margin-top: 10px; padding-top: 10px; text-align: center; } ul#landingMenu li.arrow-row { background-image: url(""); background-position: bottom; display: block; background-repeat: no-repeat; } ul#landingMenu li .arrow-row-news { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/landing-standard-tab-on.png"); background-position: bottom; display: block; background-repeat: no-repeat; visibility: visible; } ul#landingMenu li #arrow-row-data { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/landing-standard-tab-on.png"); background-position: bottom; display: block; background-repeat: no-repeat; visibility: hidden; } ul#landingMenu li #arrow-row-pub { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/landing-standard-tab-on.png"); background-position: bottom; display: block; background-repeat: no-repeat; visibility: hidden; } ul#landingMenu li #arrow-row-visual { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/landing-standard-tab-on.png"); background-position: bottom; display: block; background-repeat: no-repeat; visibility: hidden; } ul#landingMenu li #arrow-row-research { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/landing-standard-tab-on.png"); background-position: bottom; display: block; background-repeat: no-repeat; visibility: hidden; } /* LIST STUFF */ toggle_dropdown a:hover { background-image: none; } /* End extra tab styles for Survey List */ /* Landing page- VIsual Page Begin--------------------------------------------------------------------------------------------------------------------------------*/ .wrapper .grid_content_landingMapHolder { margin-bottom:10px; } .wrapper .grid_content_landingVisualPdf { margin-top: 0px; margin-left: 0px; margin-bottom: 20px; } /* Begin List Page Std Styles *********************************************************************/ .wrapper .grid_content_listPageAbstractHeader { font: small Roboto,sans-serif; font-weight: bold; color: #2481A6; } .wrapper .grid_content_listPageAbstractDate { font: x-small Roboto,sans-serif; font-style: italic; color: #030920; padding-top: 6px; } .wrapper .grid_content_listPageArticleAbstractList p { overflow: visible; margin-bottom: 14px; } .wrapper .grid_content_listPageAbstractText { float:inherit; font: small Roboto,sans-serif; overflow: hidden; color: #030920; padding-top: 6px; padding-bottom: 5px; } .grid_content_listPageAbstractLinks a { color: #345b92; font-weight: normal; font-size: 11px; font-family: Verdana; } .grid_content_listPageAbstractLinks a:hover{ color: #f17505; font-size: 11px; } .grid_content_listPageAbstractLinks ul { list-style-type: none; } .grid_content_listPageAbstractLinks li { display: inline; } .wrapper .grid_content_listPageImageCol img { margin-bottom: 10px; } .wrapper .grid_content_listPageAbstractImg{ float: inherit; margin-bottom: 10px; margin-left: 5px; margin-right: 10px; max-width: 160px; max-height: 100px; vertical-align: top; } .wrapper .grid_content_detailsStandard .attachmentIcon img{ margin-bottom: 4px; margin-left: -24px; } .wrapper .contactsidebar .attachmentIcon img { margin-left: -24px; } @-moz-document url-prefix() { .attachmentAnchor { /*margin-left: -.6em; Removed based on the comment from sprint meeting on 1/4/2018*/ } } .attachmentContainer { border-left: solid 25px transparent; font-size: small; } .wrapper .listDescription { padding-bottom:5px; } /* End List Page Std Styles **********************************************************************/ /*PDF STYLES. Begin--------------------------------------------------------------------------------------------------------------------------------*/ .pdf a { font: small Roboto,sans-serif; color: #112E51; } .pdf a:hover { text-decoration: underline; } /* NEW */ .NavMainHeader { font: 16px bold; } .TopicHeader { font:14px Arial bold; color: #FFFFFF; } .Description { font: 13px Arial; color: #010c19; } .links { font: 12px Arial; color: #022b59; } /* END NEW */ /* Skip Nav option. 508 compliance*/ .offscreen { position: absolute; left: -999px; z-index: 50000; overflow: hidden; } #pagination { margin-left: 220px; margin-top: 10px; } /* List Page pagination widget*/ #page_navigation a { padding: 3px; border: 1px solid #CAD1DA; margin: 0px; color: #0E72A2; text-decoration: none; font-family: Arial, serif; font-size: 12px; font-weight:bold; } .active_page{ background:#D2E5EC; color:#0E72A2 !important; } #options { text-align: center; font-size: 11px; color: #9ac1c9 } #options a { text-decoration: none; } #options a:hover { color: #033 } #leftNav { width: 126px; list-style: none; color: #033; margin: 0 auto 4px; margin-left: 0; padding-right: 0; } #leftNav h3 { margin-left: 0px; padding-top: 6px; padding-bottom: 6px; padding-left: 3px; font-weight: bold; margin-top: 5px; cursor: pointer; } #leftNav h3:hover { color: orange; } #leftNav .acc-section { overflow: hidden; } #leftNav .acc-content { margin-left: 2px; padding-left: 3px; padding-top: 10px; font-size: 10px; } .subitems { padding-bottom: 5px; margin-right: 8px; font-size: 10px; } .glossymenu { width: 126px; /*width of menu*/ margin-top: 8px; } .glossymenu a.menuitem { position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; } .grid_navInnerGallery { min-height: 550px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/vg-list-nav-bg.gif"); margin-left: 80px; margin-right: 0; overflow: hidden; background-repeat: repeat-y; } .grid_navButtons { vertical-align: middle; opacity: 0; /*IE9, et all*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/ filter:alpha(opacity=0);/*IE7*/ } #leftNav .collapsed { margin-left: 4px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/plus-btn.png"); background-repeat: no-repeat; background-position: 0em; } #leftNav .expanded { margin-left: 4px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/minus-btn.png"); background-repeat: no-repeat; background-position: 0em; } #leftNav hr { width:115px;margin-left: 5px } /**************UPDATED HEADING STYLES ******************************/ /** Shared Styles for Data Tables **/ .datatable, .datatablewide { border-collapse: collapse; border: 1px solid #666; } .datatable .grouphead td, .datatablewide .grouphead td, .datatablewide .subgrouphead td { height: 3em; padding: 0 .3em; } .datatable td.rowhead, .datatablewide td.rowhead { text-align: left; white-space: nowrap; padding-left: .3em; } .datatable .hlgtrow, .datatablewide .hlgtrow { margin: 0; padding: .25em; background: #E7E7E7; } .datatable td, .datatablewide td { padding-right: .3em; height: 1.7em; text-align: right; vertical-align: middle; } .datatable tr:hover th, .datatable tr:hover td, .datatable tr:focus th, .datatable tr:focus td, .datatablewide tr:hover th, .datatablewide tr:hover td, .datatablewide tr:focus th, .datatablewide tr:focus td, .datatablewide .control-hover td, .datatablewide .control-hover th { background: #FEFF7F; } .datatable tr:hover th, .datatable tr:focus th, .datatablewide tr:hover th, .datatablewide tr:focus th, .datatablewide .control-hover th { background: #D2E5EC; } .datatable th, .datatablewide th { height: 2em; text-align: right; vertical-align: bottom; padding-right: .3em; } /** Styles for Data Tables **/ .datatable { font-size: 100%; } /** Styles for Wide Data Tables **/ .datatablewide { font-size: 95%; } .datatablewide td.indentrowhead { text-align: left; white-space: nowrap; padding-left: 1em; } .datatablewide td.indentsubrowhead { text-align: left; white-space: nowrap; padding-left: 2em; } .datatablewide .totalhead td.rowhead { text-align: left; white-space: nowrap; padding-left: 3em; } .datatablewide tfoot td { text-align: left; padding: 1em; } .datatablewide th.cellcenter { text-align: center; } .parsys_column { height: 100%; width: 100%; float: left; } .parsys_column .image img{ max-width: 100%; } @charset "utf-8"; /*#container{margin: 0 auto; width: 960px;}*/ /* .main { color: white; text-shadow: 1px 1px black; text-decoration: none; } */ img { border: 0; } img .wide { border: 0px; width: 100% !important; } /*--WHEN JAVASCRIPT IS DISABLED--*/ .show { /* class="show" is used for the second level navigation of a category */ display: inline !important; /* all navigation elements are hidden by default, !important overrides that */ width: 960px; } .show ul li { display: inline !important; } .show ul li ul { display: block; } .show ul { background-color: #999; } .active ul { /* style the second level menu and make it appear for the active page */ padding: 10px; position: relative; } /*--GLOBAL STYLES FOR USE WHEN JAVASCRIPT IS BOTH ENABLED AND DISABLED--*/ #nav { /*the top level, unordered list of navigation links*/ position: relative; width: 825px; height: 40px; z-index: 4500; left: 143px; } .active { /* this is the class for the tab/page we are currently viewing */ font: small Roboto,sans-serif ; font-weight: bold ; color: #050e3a; } #nav .nav_col1 ul li a:hover, #nav .nav_col1 ul li a:focus, #nav .nav_col1 ul li a:active{ background-position: 100% -45px; color: #F27604; text-shadow: none; width: 100%; text-decoration: underline; } #nav > li { background-color: transparent; display: inline; } #nav > li > ul { left: 0; padding: 0; position: absolute; width: 550px; background: white; border: #ccc solid 1px; color: #999; display: block; float: left; margin: 0; padding: 10px; left: auto; } #nav > li > ul > li { color: black; padding: 0 0 0 0px; width: 175px; } #nav > li > ul > li a { width: 125px; } #nav ul ul { background: none; border: none; height: 100%; width: 125px; } #nav li li { float: left; padding-bottom: 4px; font-size: 12px; } .subnavitem a:hover { background-position: 100% -45px; color: #F27604; height: 29px; text-shadow: none; width: 100%; text-decoration: underline; } #nav img { display: block; max-width: 120px; max-height: 75px; } /* Added 9/17 */ .grid_mainNav { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/blue-bar-top.png'); background-repeat: repeat-x; position: relative; } .dynamicColumn, .dynamicColumn ul { position: inherit; padding-left: 0px; padding-right: 0px; } /* ADD additional rollover images here **************************/ #picTopics, #picGeo, #picLib, #picData, #picAbout, #picNR { vertical-align: top; } .wrapper .nav_col1 { width: auto; height: auto; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; background-color: #fff; position: relative; z-index: 4500; } td { vertical-align: top; } .nav_col1 ul li a { font: small Arial,sans-serif; line-height: 12px; color: rgb(51,51,51); } .nav_col2, .nav_col2 ul li { display: block; padding-left: 10px; width: 245px; margin-right: 10px; position: relative; z-index: 3100; } .nav_col2 ul li a { font: small Arial, Verdana, sans-serif; color: #000; } .nav_col2 ul li a:hover { text-decoration: underline; color: #F27604; } .verticalDividerNav { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/nav-column-divider.png'); background-repeat: repeat-y; } .demo-container { padding: 0px 0; margin-left: 0px; width: 960px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/demo-container-bg.png"); background-repeat: no-repeat; } .mega-menu ul, .mega-menu ul li { list-style: none; } .mega-menu ul { position: relative; padding: 0; margin: 0; } .mega-menu .sub { display: none; } .blue { font: normal 13px Arial, sans-serif; line-height: 16px; } .blue ul.mega-menu { width: 100%; height: 43px; left: 218px; position: relative; z-index: 3000; margin: 0px; padding: 0px; border: none; } .blue ul.mega-menu li { float: left; margin: 2px; margin-left: 0px; padding: 0px; font: small Arial, Verdana, sans-serif; font-weight: bold; /*position:relative;*/ z-index: 4500; word-wrap: break-word; border: none; } .blue .nav_col2 ul li { display: block; padding-left: 0px; padding-bottom: 4px; width: 245px; margin-right: 2px; position: relative; z-index: 3100; margin-left: 2px; } #nav .nav_col1 li { width: 130px; } .blue ul.mega-menu li a.main { float: left; display: block; color: #fff; padding: 4px 16px 4px 16px; background: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/bg_blue.png') repeat-x 100% 0; text-decoration: none; } .blue ul.mega-menu li a.main span { clear: both; float: left; } .blue ul.mega-menu li a.main:focus { background: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/bg_blue.png') repeat-x 100% 0; background-color: #158AB2; text-shadow: 1px 1px 1px #000 !important; text-decoration: none; } .blue ul.mega-menu li .subHeader { margin: 0; margin-top: 0px; margin-bottom: 0px; padding: 0; font: xx-small Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; } .header3Style { color: black; } .bhead{ font-size: 16px; } .bhead2 { font-size: 20px; color: black; } .wrapper .pDesc{ font-size: 12px; color: black; } .dynamicColumn ul li { display: block; } ul.innerGalleryLinks li { font-size: 12px; padding: 5px 0 0 10px; list-style: none; font-weight: normal; } ul.innerGalleryLinks li a { /*font-size: 12px; padding: 5px 0 0 10px; list-style: none; font-weight: normal; Taken out b/c this is already defined in the css rule found above*/ color: #112E51; } ul.innerGalleryLinks li a:hover { font-weight: bold; } /* new subnavigation CSS added 10-26-12 */ .navsubContentHolder { width: 550px; height: auto; position: relative; z-index: 4500; } .leftsub { float: left; width: 145px; background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/nav-column-divider-left.png'); background-repeat: repeat-y; } .leftsubnodiv { float: left; width: 145px; } /*Use leftsubpic when nav is flipped and your image display is on the left and content on the right*/ .leftsubpic { float: left; width: 145px; } .middlesub { float: left; width: 260px; } .rightsub { float: left; width: 145px; background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/nav-column-divider-right.png'); background-repeat: repeat-y; } .rightsubnodiv { float: right; width: 145px; marigin-right: 0px; } .rightsubnodiv ul { float:right; } .rightsubnodiv img{ margin-left: 3px; } .noscript p { color:#fff; font-weight:bold; margin-left: 10px; width:650px; } #nav .navsubContent { display: none; z-index: 5432; -moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; -webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')"; border-radius: 3px; box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; padding: 10px; } /*REFRESH_ASSESS done*/ /* Styles for content TOP elements such as section, page titles, author, pub dates, social links */ #sectionTitleRow { margin-bottom: 15px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/details-divider-title.jpg"); background-repeat: repeat-x; background-position: left bottom; } @media (max-width: 576px){ #sectionTitleRow h1 { font-size: 2.25em; } } #sectionTitleRow .leftNavButton { color: white; background-color: #112e51; border-color: #112e51; font-weight: bold; width: 100px; border-radius: 0px; } #sectionTitleRow .leftNavButton.open { color: #112E51; background-color: white; border-color: #112E51; font-weight: bold; outline: none; } /*TODO_REFRESH del sectiontitle*/ #mobileLeftNavButton { margin-bottom: 5px; } /*TODO_REFRESH del languageselector*/ .language-label img { max-width: 220px; max-height: 40px; margin-bottom: 1px; } /* check visualTitles */ /*TODO_REFRESH del briefingroompage*/ .wrapper .grid_content_visualTitles h3 { margin: 0 0 0px; padding: 0px 0; text-align: left; font: Arial, Verdana, sans-serif; } /*TODO_REFRESH del briefingroompage*/ .wrapper .grid_content_visualTitles .supertitle h4 { margin: 0 0 0px; padding: 0px 0; margin-bottom: 8px; font-weight: bold; text-align: left; font: Arial, Verdana, sans-serif; font-weight: bold; } /*REFRESH_ASSESS done */ /*TODO_REFRESh delete when header is restyled*/ /* GLOBAL header styles */ #desktopHeader{ background-color: #112E51; } @media (min-width: 100px) { #mainPage, #innerPage { background-image: none; } .wrapperMarginTop { margin-top: 0; } .desktopHeaderCls { display: none; } .mobileHeaderCls { display: block; } } @media (min-width: 601px) { #mainPage, #innerPage { background-image: none; } } @media (min-width: 960px) { .wrapperMarginTop { margin-top: 0; } } @media (min-width: 1260px) { .desktopHeaderCls { display: block; } .mobileHeaderCls { display: none; } .wrapperMarginTop { margin-top: -108px; } } #desktopHeader #bottomRow > div[class^="col-sm-"] { padding-left: 0px; } #bottomRow{ margin-bottom:32px } .container-fluid.mobile-container { margin-left: 0px; margin-right: 0px; } body.mobileMenu { /*background-color: #0c6291;*/ background-color: #294263; height: 100vh; } #logo { margin-top:0px; /* margin-left: 130px;*/ width:108px; position:relative; height: 43px;/*To make sure logo does not bleed out and push the header div*/ } #logoText h1 a{ margin-left: 0px; margin-top: 0px; position:relative; left:3px; top:12px; z-index:1000; color: #041C5D; font-family: Arial,serif; font-size:11px; font-weight: normal; letter-spacing:0em; } #logoText h1 a:focus{ margin-left: 0px; margin-top: 0px; position:relative; left:78px; top:12px; z-index:1000; color: #041C5D; font-family: Arial,serif; font-size:11px; font-weight: bold; letter-spacing:0em; } #logoText a{ margin-left: 0px; margin-top: 0px; position:relative; left:10px; top:12px; z-index:1000; color: #041C5D; font-family: Arial,serif; font-size:11px; font-weight: normal; letter-spacing:0em; } #logoText a:hover{ color: #112E51; } .header_top_links { float:right; margin-right:0px; padding-left:0px; padding-right: 0px; /* text-align: right;*/ color:#ffffff; margin-top: 10px; /*width: 500px;*/ } .header_top_links a{ color: #ffffff; font-weight: normal; font: x-small Roboto,sans-serif; } .header_top_links a:hover, .header_top_links a:focus{ font:x-small Roboto,sans-serif; text-decoration:underline; } .header_top_socialLinks{ margin-top: 15px; margin-bottom:10px; padding-left: 0px; } /* MOBILE STYLES */ body { min-width: 100%; } .mobileMenuIcon { font-size: 30px; font-weight: 600; padding-right: 15px; padding-top: 15px; } .mobileMenuIcon img { color:transparent; font-size:0; vertical-align:middle } .clickableIcon:hover { cursor: pointer; } .chevron { float: right; padding-right: 5px; } #mobileHeader { color: white; font-family: 'Arial Regular', 'Arial'; font-weight: bold; font-size: 14px; } #mobileTitleRow { /*background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/MobileNav.png");*/ background-repeat: no-repeat; height: 65px; /*background-color: white;*/ background-color: #112E51; } #mobileHeader .panel-group .panel + .panel { margin-top: 0px; } #mobileHeader .panel-collapse > .panel-body { border: 0px; } #mobileHeader .panel, #mobileHeader .panel-body, #mobileHeader .panel-heading { background-color: inherit; border: none; } #mobileHeader .panel-body { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px; } #mobileHeader .panel-heading { padding: 10px 15px; } #mobileHeader .panel-title { margin: 0px; background-color: inherit; border: 0px solid transparent; padding-bottom: 0px; } #mobileHeader .level1.shadowed .endShadow { box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.5); height: 5px; margin-top: 20px; margin-left: -7px; margin-right: -7px; } #mobileHeader .level1.shadowed .panel-heading { /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);*/ margin-bottom: 10px; } #mobileHeader .panel-group { margin: 0; } #mobileHeader a { color: white; } #mobileHeader .mobileMenuEntry1 { font-weight: bold; } #mobileHeader .mobileMenuEntry2 { width: 100%; display: inline-block; /*font-weight: normal;*/ font-weight: bold; color: #fff; } #mobileHeader .mobileMenuEntry3 { font-weight: normal; padding-left: 20px; height: 40px; color: #294263; } .whiteSearchBackground { background-color: #FFFFFF !important; } #mobileHeader div.headerBlue { /*background-color: #0c6291;*/ color: white; /*padding-left: 10px; padding-right: 10px;*/ } .reverseMobileCloseButton{ background-color: #FFFFFF !important; border-left: 2px solid #112E51 !important; border-top: 2px solid #112E51 !important; border-right: 2px solid #112E51 !important; color: #112E51 !important; } #mobileHeader .mobileMenuArea2 { /*border: 1px solid #0197c1;*/ border: 2px solid #FFFFFF; margin-bottom: 0px; margin-top: 5px; height: 40px; width: 100%; padding:0px 5px 0px 5px; display: table; } #mobileHeader .mobileMenuArea2 > a { display: table-cell; vertical-align: middle; } #mobileHeader .mobileMenuArea3 { padding-top: 5px; } #mobileHeader div.mobileMenuEntry3.headerBlue, #mobileHeader div.mobileMenuArea3.headerBlue { /*background-color: #0197c1;*/ background-color: #FFFFFF; } #mobileMainMenu{ background-color: #294263; } #mobileSearch, #mobileMainMenu { display: none; overflow: hidden; } #mobileSearch .input-group-btn { display: block; width: 40px; } #mobileHeaderSearchForm { margin-left: 10px; margin-right: 10px; } #mobileHeader .mobileCloseButton { border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; border-bottom: 0px; /*background-color: #0c6291;*/ background-color: #294263; width: 130px; height: 35px; } #mobileHeader .learnMoreButton { width: 250px; /*color: #0197c1;*/ color: #112E51; background-color: white; font-weight: bold; padding: 10px; margin-bottom: 15px; margin-top: 10px; border-radius: 0px; border: 1px solid #112E51; /*box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);*/ } #mobileHeader .menuHeader, #mobileHeader .menuFooter { position:fixed; left:0; width:100%; z-index: 200; opacity: 1; } #mobileHeader .menuHeader { top:0; } #mobileHeader .menuFooter { bottom:0; height: 35px; /*background-color: #0c6291;*/ } #mobileHeader .menuContent { min-height:100%; width:100%; padding:70px 0px 0px 0px; overflow: auto; /*background-color: #0c6291;*/ z-index: 100; } /* DESKTOP HEADER */ #desktopHeader body { background-image: none; } #desktopHeader #topHeader { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/headerbg.jpg"); background-repeat: no-repeat; position: relative; padding-bottom: 2em; height: 120px; } #desktopHeader .nav-tabs > li, #desktopHeader .nav-tabs > li > a, #desktopHeader .nav-tabs > li > a:hover, #desktopHeader .nav-tabs > li > a:focus, #desktopHeader .nav-tabs > li > a:active { border: 0px solid transparent; border-radius: 0px; background-color: transparent !important; } #desktopHeader #mainTabs li:hover{ /*background-color: #2481A6 !important;*/ background-color: #405773 !important; } #desktopHeader, .nav-tabs { color: white; font-family: 'Arial'; font-size: 13px; letter-spacing: 0.2px; margin-bottom: 0; } #desktopHeader, .nav-tabs > li > a { margin-right: 0px; line-height: 1.42857143; border: 0px solid transparent; border-radius: 0px 0px 0 0; } #searchInputBox{ margin-right:50px; } @media (min-width: 321px){ #mainNavSection{ width:79% !important; } } #desktopHeader #mainTabs { display: inline-block; padding: 0px; height: 40px; border: 0px solid transparent; background-repeat: no-repeat; color: white; margin-left: 90px !important; } #desktopHeader #mainTabs li div.header { color: white; text-transform: uppercase; } #desktopHeader #mainTabs li div.subHeader { font: xx-small Helvetica, Arial, sans-serif; font-weight: bold; color: white; font-size: 10px; } #desktopHeader .categories { margin-left: 10px; margin-right: 0px; margin-top: 5px; margin-bottom: 0px; /*padding-left: 10px; padding-right: 10px;*/ border: 1px solid white; width: 198px; display: table; /*font-size: 13.65px;*/ } .subCategoryButton .active a { background-color: #FFFFFF !important; } #desktopHeader .categories a { text-wrap: normal; color: white; } #desktopHeader .categories:hover, #desktopHeader .categories a:hover, #desktopHeader .categories:focus, #desktopHeader .categories.active /*#desktopHeader .categories a:focus, #desktopHeader .categories.active a*/ { /*background-color: #0287b4 !important;*/ cursor: pointer; } #desktopHeader .categories a:focus, #desktopHeader .categories.active a { background-color: #FFFFFF !important; cursor: pointer; } #desktopHeader .categories.active { padding-bottom: 10px; /*background-color: #405773 !important;*/ background-color: #FFFFFF !important; margin-bottom: 0; } #desktopHeader .tab-content { background-color: #ffffff !important; margin-left: 10px; margin-bottom: 5px; } #desktopHeader .subLink { padding-left: 10px; } #desktopHeader .subLink a { /*color: #1C6C96 !important;*/ line-height: 18px; } #desktopHeader .kicker { background-color: white; color: black; width: 360px; /*height: 185px;*/ min-height: 185px; margin: 15px; padding: 10px; border: 1px solid #112E51; /*box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);*/ } .kicker p { font-weight: bold; color: #112E51; } #desktopHeader .subLinks { min-height: 180px; height: auto; width: 390px; margin: 15px; } #desktopHeader #kickerSeparator { height: 10px; } #desktopHeader .kickerLink > a { line-height: 18px; } #desktopHeader .kickerLink > a:visited { color: #112E51; } #desktopHeader .clickable { cursor: pointer; } .linksDropDown { background-color: #405773; padding-top: 10px; } .linksDropDown .mousedIn { background-color: #FFFFFF; } .subCategoriesContainer { width: 832px; margin:auto; } @media (min-width: 1260px) { #desktopHeader #mainTabs { margin-left:89px; } } #desktopHeader .linksDropDown .nav > li > a { text-align: center; padding: 0px; height: 50px; display: table-cell; vertical-align: middle; line-height: 14px; outline: none; background-color: #405773 !important; font-weight: bold; } #desktopHeader .linksDropDown .nav > li > a:hover{ text-decoration: underline; } #desktopHeader .linksDropDown .nav > li.active > a { background-color: #FFFFFF !important; color: #112E51; } #desktopHeader .headerCategories.activeCategory { background-color: #405773 !important; } .subCategoryButton .active a.accessibleLink { background-color: #FFFFFF !important; } #desktopHeader #mainTabs .headerCategories.activeCategory> a { background-color: transparent !important; height: 48px; z-index: 100; background-repeat: no-repeat; background-position: bottom left; outline: none; } #desktopHeader #mainTabs .headerCategories.activeCategory > a:hover { background-color: transparent !important; } #desktopHeader #mainTabs.nav > li > a { margin-top: 4px; padding-bottom: 0px; margin-left:0px; margin-bottom:31px; padding-right: 7px; outline: none; font-family:Arial; color:#FFFFFF; font-size:13px; letter-spacing:0.2px; font-weight:bold; } #desktopHeader .nav-tabs > li:hover { /*background-color: #405773;*/ } #desktopHeader .tab-pane { font-weight: normal; } #desktopHeader .longDisplay + a { font-size: 10px; padding-top: 10px !important; } #desktopHeader #closeMainNav { font-size: 16px; text-align: center; vertical-align: bottom; cursor: pointer; padding-bottom:5px; padding-top: 5px; } #headerTopRow { height: 32px; } #headerBottomRow { height: 40px; } #mainNavHeaders { height: 40px; background-repeat: no-repeat; /*background-color: #0c6291;*/ background-color: #112E51; } #transparentLogo { height:65px; filter:alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); width: 100px; padding-left: 10px; } /*REFRESH_ASSESS done: remove at the end of the refresh*/ /* Styles for content left components like left nav, sponsor log */ .wrapper .grid_navSponsorLogoHeading { margin: 0 auto; margin-top: 20px; margin-bottom: 5px; text-align: center; } #sponsorLogo img { max-height: 155px; max-width: 150px; } @media ( max-width : 959px) { #sponsorLogo { text-align: center; margin-bottom: 10px; } } #sectionTitleRow.menuHeader { top: 65px; padding-right: 15px; } /* This is used for mobile local nav to override the dropdown container styling that the uscb-input-wrapper adds */ /* This should be pulled out if/when the local nav gets an HTML structure overhaul to accomodate indefinite depth */ .uscb-input-wrapper #data-uscb-input-wrapper-mobile-nav ul { box-shadow: none; } .uscb-input-wrapper #data-uscb-input-wrapper-mobile-nav ul li:hover { background-color: inherit !important; } .uscb-input-wrapper #data-uscb-input-wrapper-mobile-nav ul li:hover a:not(.uscb-selected-filter) { background-color: inherit !important; } .uscb-input-wrapper #data-uscb-input-wrapper-mobile-nav .uscb-filter-parent:not(.childselected):hover a { background-color: #f5f7f9 !important; } /*REFRESH_ASSESS done: remove at the end of the refresh*/ hr.hrPadded { margin-top: 5px; margin-bottom: 5px; padding: 0px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); } /* MEDIA QUERIES */ @media ( min-width : 960px) { #landingLatest, #newsMiddleColumn { padding-right: 15px; } } @media ( min-width : 1260px) { #landingLatest, #newsMiddleColumn { padding-right: 30px; } } /* LANDING PAGE */ #landingHeroMultimedia { float: right; max-width: 40%; } #landingHeroMultimedia img { width: 100%; } #landingAboutText { float: left; } @media (min-width: 321px) and (max-width: 576px) { .herotextimage .uscb-width-60 { width: 100%; } } .grid_content_landingText p { padding-right: 8px; } #landingSubdata { width: 60%; margin-top: 9px; margin-left: 0px; padding-bottom: 0px; margin-right: 0px; } @media ( max-width : 600px) { #landingAboutText { width:100%; } #landingSubdata { width:100%; } } .textonImageTitle { max-width: 140px; height: 50px; font: bold small Roboto,sans-serif; background: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); padding: 3px; display:block; } .textonImageBluebg { position: relative; top: -50px; left: 0; width: 130px; } .textonImageWhitebg { position: relative; bottom: 0px; top: -50px; min-height: 50px; } .textonImageTitle span { display:block; font: normal small Roboto,sans-serif; padding: 5px; } .textonImageTitle a { color: white; font: normal small Roboto,sans-serif; } .textonImageTitle a:hover { text-decoration:underline; } /* Different breakpoint to match icon image size from featureiconServlet*/ @media (max-width: 800px) { .textonImageTitle a { color: #112E51; } .textonImageTitle { background-color: transparent; padding: 0px; } .textonImageBluebg { position: inherit; top: 0px; height: auto; } .textonImageTitle span { padding-left: 0px; } } .textonImage { margin-right: 5px; min-width: 90px; } /* #featureIcons { margin-top: 10px; } */ .textonImageBluebg, .textonImageTitle { width: 100%; } #landingLatest h4 { margin: 10px 0px; color: #041C5D; } #landingApp { margin-top: 20px; } .article .thumbnailColumn { float: left; max-width: 190px; max-height: 100px; padding-right: 10px; } @media ( min-width: 960px ) { #detailRelatedInfo .article .thumbnailColumn { float: none; } } .article .thumbnailColumn img { vertical-align: top; margin-left: 5px; margin-right: 10px; max-height: 100px !important; border: 1px solid #D7D7D7; } .blogentry .article .thumbnailColumn img, .blog .article .thumbnailColumn img { vertical-align: top; margin-left: 5px; margin-right: 10px; max-height: 100px !important; border: none; } .article .abstract { overflow: hidden; } .article .title { font-weight: bold; } .viewAllButtonSmall { outline: none !important; height: 33px !important; } @media ( max-width: 600px ) { .viewAllButtonSmall, .viewAllButton { color: #112E51; background-color: #f2f2f2; padding: 4px 8px; margin-bottom: 5px; height: 35px; border: 0px; font-weight: normal; width: 200px; text-align: center; margin-left: auto; margin-right: auto; } .viewAllButtonSmall:hover, .viewAllButton:hover { color: #ffffff; background-color: #112E51; /*text-decoration: underline;*/ text-decoration: none; } .viewAllButtonSmall a:hover { text-decoration: underline !important; } } @media ( min-width: 600px ) { .viewAllButton, .viewAllButtonSmall { /*color: #084E84;*/ color: #112E51; font: small Arial, Verdana, sans-serif; font-weight: bold; text-align: center; box-sizing: content-box !important; background-repeat: no-repeat; background-color: transparent; margin: 0 auto; padding-top: 10px; border: none; } .viewAllButton { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-lp-btn.jpg"); height: 42px; max-width: 550px; width: 100%; } .viewAllButtonSmall { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-btn.jpg"); width: 153px; height: 35px; } .viewAllButtonSmall:hover, .viewAllButton:hover { /*color: #0E72A2;*/ color: #112E51; /*text-decoration: underline;*/ text-decoration: none; } .viewAllButton:hover { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-lp-over-btn.jpg"); } .viewAllButtonSmall:hover { background-image:url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-over-btn.jpg"); } .viewAllButtonSmall a:hover { text-decoration: underline !important; } } .viewAllButton a { /*color: #084E84;*/ color: #112E51; font-family: Verdana, Arial, serif; font: small Arial, Verdana, sans-serif; font-weight: bold; text-align: center; } .viewAllButton a:hover, .viewAllButton a:focus { /*color: #0E72A2;*/ color: #112E51; text-decoration: underline; } .viewAllButtonSmall a:hover { text-decoration: underline !important; } #oisGroup.panel-group, #relatedInfoGroup.panel-group { margin-bottom: 0px; } #relatedInfoGroup .panel-body { padding-bottom: 15px; } /* VISUAL DETAIL PAGE */ #embedLabel { font-weight: bold; margin-top: 15px; } #embedArea { width: 100%; height: 80px; } #visualEmbed { margin-bottom: 10px; } /* VISUAL LIST PAGE */ #visualGallery { margin-bottom: 20px; } .visualGalleryThumb { margin: 5px 10px 5px 0px; padding: 0px; /*width: 250px; min-width: 250px; height: 252px;*/ /*border: 1px solid #ccc;*/ width: 178px; height: 177px; border: 1px solid #4B636E; border-radius: 2px; text-decoration: none; float: left; background-color: rgba(255,255,255,1); /* ie. no transparency */ } .visualGalleryThumb:hover { background-color: #F2F2F2 ; text-decoration: none; } .visualGalleryThumb img { /*width: 248px; min-width: 248px; height: 248px;*/ width: 176px; height: 172px; } .visualGalleryThumb span { display: block; color: #041C5D; height: 73px; /*width: 248px;*/ width: 176px; font-weight: bold; position: relative; top: -75px; line-height: 1.2em; background-color: inherit; border-top: 1px solid #ccc; } .valignMiddle { display: table-cell; /*width: 248px;*/ width: 176px; height: 45px; vertical-align: top; text-align: left; padding-left: 10px; padding-top: 5px; padding-right: 10px; font-size: 14px; } /* SOCIAL HUB PAGE */ #socialHubTabs #tabsMenu ul { width: 98%; } #socialHubTabs ul#tabsMenu li div { width: 100%; } /* DETAIL PAGE */ #relatedInfoGroup .panel-heading>h3 { padding: 5px 0px; margin-bottom: 5px; } @media (min-width: 960px){ #detailRelatedInfo #relatedInfoGroup .panel-heading>h3 { border-bottom: thin solid #CFCFCF; border-top: thin solid #CFCFCF; } } /** Fix for the bullets on list page and Visual List Page **/ .grid_content_listPageArticleAbstractListIntro .richtext ul li, #listAbstract .richtext ul li, .richtext .listabstract ul li { list-style-type: square; list-style-position: outside; margin-left: 1.5em; margin-bottom: 10px; } /* NEWS PAGE */ #newsContact { margin-bottom: 20px; } #subscriptions { height: 50px; font-size: x-small; display: table; margin-right:10px; float: right; } #subscriptions > div { width: 40px; text-align: center; display: table-cell; } /* LIST PAGE */ #listAbstract p { margin-bottom: 14px; } #listFilterSelect, #tabSelector { height: 40px; background-color: #112E51; color: white; font-size: small; font-weight: bold; padding-left: 10px; padding-right: 10px; margin-left: 10px; } #listFilterSelector h4, #tabNav h4 { line-height: 40px; display: inline; } #listFilterSelect option, #tabSelector option { height: 30px; } li div.drop, /*ul#tabsMenu li div#dropDownButton*/ { vertical-align:middle; height: 46px; width: 31.5px; display: table-cell; } #dropDownButton { height: 46px !important; } .toggle_dropdown a:hover { background-image: none; } /*#tabsMenu .button_tabs_dropdown,*/ .button_tabs_dropdown { position: absolute; /*left: 545px;*/ margin-left: 3px; background-color: white; border: 2px; border-color: black; z-index:2;/*get hidden by the pdf attachment of textandimage component*/ } .inactiveArrow { /*background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/List_Expand_Button.jpg");*/ background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/List_Expand_Button_Teal2.jpg"); } .activeArrow { /*background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/List_Expand_Button_active.jpg");*/ background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/List_Expand_Button_active2.jpg"); } /*ul#tabsMenu li a.toggle_dropdown { padding-left: 0px !important; }*/ /* PDF warning */ #pdf { margin-top: 20px; border-top: 1px solid #999999; font: small Arial, Verdana, sans-serif; padding: 5px 0px; text-align: left; } /* Last Modified */ #lastModified { margin-top: 20px; font: small Arial, Verdana, sans-serif; padding: 5px 0px; text-align: left; font-style: italic; } @media (max-width: 600px) { #statelist .left { float: none !important; display: block !important; } } div#latestNewsNavigation a:hover { text-decoration: underline !important; } .dialogFieldLabel { font-weight: bold; font-style: italic; padding-bottom: 12px; } /*REFRESH_ASSESS done */ /*This is for EDIT-roll over of classic UI app widget - Landing page right side*/ .cq-element-appsidebar{ min-height: 400px; } /*This is for touch UI apps side bar on landing page*/ .appsidebar.cq-Editable-dom{ min-height: 400px; } /* TODO_REFRESH del relatedinfolist, page/blogpage page/detailpage*/ /*RelatedInfo Style*/ #detailRelatedInfo h3, #detailRelatedInfo .textColumn .title, #detailRelatedInfo .textColumn .title a { color: #112E51; } /*REFRESH_ASSESS done */ /*TODO_REFRESh delete when footer is restyled*/ /* GLOBAL Census Footer Styles */ #footerLinks { height: 250px; } #footerContainer { width: 100%; /*background-color: #0C6291;*/ } @media ( min-width : 960px) { #footerContainer { /*background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/footer-main-bg.png');*/ background-repeat: repeat-x; } } .foot_col_headers { font: x-small Arial, Verdana, sans-serif; color: #e7f0f4; font-weight: bold; margin-bottom: 5px; margin-top: 20px; } .foot_col { display: inline-block; font: x-small Arial, Verdana, sans-serif; vertical-align: top; line-height: 18px; margin-top: 10px; height: auto; text-align: left; width: 143px; padding-right: 7px; } .foot_col_divider .col_divider_img { width: 1px; height: 201px; margin-top: 15px; } .foot_col a, .foot_col a:hover { color: #fff; } .foot_col a:hover, .foot_col a:focus { text-decoration: underline; } .foot_col_link { padding-bottom: 5px; line-height: normal } .foot_col_divider { display: inline-block; width: 2px; margin-top: 10px; padding-right: 10px; } #footerBottomLinks { text-align: center; color: #fff; margin: 0px auto; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/footer-lines-bottom.png"); background-repeat: no-repeat; background-position: top; margin: 0px auto; padding-bottom: 10px; padding-top: 20px; z-index: 1000; min-height: 67px; } #footerBottomLinks a { color: #fff; font: x-small Arial, Verdana, sans-serif; outline: none; } /* MOBILE STYLES */ #mobileFooter .row { padding-top: 15px; } #mobileFooter div, #mobileFooter a { /*background-color: #0c6291;*/ background-color: #112E51; color: white; font-family: 'Arial Regular', 'Arial'; font-weight: bold; font-size: 14px; } .lastRowFooter { padding-bottom: 15px; } div#footerBottomLinks span a { text-decoration: none; font-weight: normal; } div#footerBottomLinks span a:hover { text-decoration: underline !important; } div#footerBottomLinks a.foot_bottom_socialLinks:hover { text-decoration: none; } a.foot_bottom-socialLinks { outline: none !important; } .foot_bottom_socialLinks img { margin: 0; border: 0; } /*.foot_bottom_socialLinks img { color: transparent !important; font-size: 0px !important; vertical-align: middle !important; width: 26px !important; height: 19px; border: 0 none; margin: 0; outline: 0 none; text-align: center; }*/ /* classic ui footerBottom Edit Border */ .cq-element-footerbottom { height: 67px; } /* touch ui footerBottom Edit Border */ #footerbottom .cq-Editable-dom { height: 67px; } /*REFRESH_ASSESS done: leave this alone until search is refreshed*/ /* * Search.css * * Color Scheme: * * Navy blue font color: 041C5D * Grey font color: 333333 * Darker background: E7E7E7 * Lighter background: F2F2F2 * Button background: D7D7D7 * */ /*********************** * Search box in header ********************/ .searchbox label { display: inline; max-width: 10px; margin-bottom: 0px; font-weight: normal; } .searchbox input { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search_icon.svg'); background-repeat: no-repeat; /*background-color: #B7C0CA;*/ background-color: #CFD5DC; background-position: right center; width: 152px; height: 22px; /*float: right; per Mahyar's advice on 1/4/2018 Seems its a little bit off on IE*/ color: #112E51; margin-top: 19px; margin-right: 0px; font-size: 11px; text-indent: 2px; margin-left:0px; border-radius: 0px; background-position: 97% 50%; border: 0; } input[type=text]:focus { } .searchbtn input { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-btn.png'); background-repeat: no-repeat; color: #a8a8ab; margin-top: 10px; width: 20px; height: 25px; border: 0; float: right; cursor:pointer; line-height: 999px; /*Set it higher than your image height */ overflow: hidden; /*Hide the text */ font-size: 0; /* FF2 doesn t like the above */ } /*********************** * Search form ********************/ .ui-widget-header .ui-icon { /* ONLY FOR DEMO */ background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/ui-icons_222222_256x240.png'); } #searchFormContainer{ margin-bottom: 10px; padding-bottom: 0px; } #searchTooltipLink { cursor: pointer; padding-top: 5px; display: block; float: left; color: #0095A8; font-size: 13px; } #searchTooltip { display:none; background-color: #F2F2F2; height: 170px; width: 455px; max-width: 455px; font: small Roboto,sans-serif; /*padding-bottom:10px;*/ padding-top: 0px; padding-left: 10px; } .searchTooltipWidget { /*padding: 0 0 0 0;*/ } .searchTooltipWidget .ui-widget-header { border: none; background: #F2F2F2; } .searchTooltipWidget .ui-dialog-title { /*margin-left: 120px;*/ font: small Roboto,sans-serif; font-weight: bold; } .ui-autocomplete{ /* need to figure out why this is setting to 1 */ z-index: 10000 !important; } #searchInputBox { float: left; } #searchInput, #searchFormContainer #searchbox, #sissearchbox{ color: #6D6D6D; font-size: 12px; line-height: 26px; font-weight: normal; width: 280px; height: 25px; padding-left: 20px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-bg.png"); background-repeat: no-repeat; margin-left: 0px; margin-top: 0px; } #searchButtonBox { border: 0 none; color: #A8A8AB; cursor: pointer; margin-top: 0px; overflow: hidden; float: left; } #searchButtonBox, #searchButton { width: 20px; font-size: 0; height: 25px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-btn.png"); background-repeat: no-repeat; } #searchResultsTitleRow { margin-bottom: 10px; border-bottom: 1px solid #CCC; } #searchResultsTitle { margin: 0; float: left; padding-left: 1px; padding-right: 1px; } #searchResultsNumber{ text-align: right; padding: 10px 0px; } .grid_content_searchPageAbstractHeader a { color: #0095A8; } /*********************** * Type Ahead drop down ********************/ .ui-menu .autocomplete-instant-answer.ui-menu-item { /*background-color: #F2F2F2;*/ background-color: #FFFFFF; padding: 10px 0 10px 0; } .ia-header{ color: #161A60; font: bold medium Roboto,sans-serif; padding: 0 0 5px 5px; } .ia-stat-value{ /*padding: 0 0 2px 10px; font: bold medium Roboto,sans-serif;*/ padding: 10px 0 10px 10px; font-size: 21.92px; font-weight: bold; color: #112E51; } .ia-label{ padding: 0 0 2px 10px; /*font: bold small Roboto,sans-serif; color: #000000; font-weight: bold;*/ color: #112E51; font-size: 15.66px; line-height: 18.79px; letter-spacing: 0.39px; } .ia-label .ia-stat{ /*font-style: italic;*/ } .ia-system{ padding: 0 0 0 10px; } .ui-menu .ui-menu-item .ia-system a{ /*font: italic bold small Roboto,sans-serif; color: #112E51; text-decoration: none; padding: 0;*/ text-decoration: none; padding: 0; color: #112E51 !important; font-size: 12.53px; letter-spacing: 0.31px; font-weight: normal; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: bold; cursor: pointer; } .ui-autocomplete-category { /*font-weight: bold; padding: 2px 0 1px 1px; margin: 2px 0 1px 1px; line-height: 1.5; text-align: left; color: #161A60;*/ font-weight: bold; padding: 15px 0 1px 7px; margin: 2px 0 1px 1px; line-height: 1.5; text-align: left; color: #112E51; font-size: 15.66px; letter-spacing: 0.34px; } .ui-menu .ui-menu-item { padding-left: 2px; } #ui-active-menuitem{ cursor: pointer; } /*Newly added type aheads*/ .ui-menu .ui-menu-item a { /*display: block; font-weight: normal; line-height: 1.5; padding: 2px 0.4em; text-decoration: none;*/ display: block; font-weight: normal; line-height: 1.5; padding: 2px 0.4em; text-decoration: none; font-size: 15.66px; color: #112E51 !important; letter-spacing: 0.34px; } .ui-autocomplete { position: absolute; } .ui-autocomplete.ui-menu .ui-menu-item a { color: #222; } /******************** * Search Results ********************/ #searchResults .panel-group { margin-bottom: 0px; } #searchResults { padding-right: 1px; padding-left: 1px; } #searchContainer { display: inline-block; margin: 5px 0 0 167px; min-height: 100%; width: 822px; /* was 800px */ } /************************* * NAICs *************************/ #naicsContainer .panel-title, #infoPanelContainer .panel-title, #disambiguationGroup .panel-title { padding-left: 10px; } #naicsContainer, #infoPanelContainer { border: 1px solid #0c6291; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #naicsHeader{ background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/demo-container-bg.png") no-repeat -350px 0 #112E51; padding: 5px 5px 5px 10px; text-align: left; } .naicsTitle{ color: #fff; font: bold 1.385em Roboto,sans-serif; } #naicsBody{ border: 0px; margin: 5px 10px 5px 10px; } .naicsDetail{ padding: 3px 0 5px 0; } .detailLeft { width: 50px; clear: left; float: left; } .detailRight { width: 165px; float: right; } .naicsMore{ border-top: 1px #CCCCCC solid; text-align: right; padding: 10px 3px 5px 10px; margin: 10px 0 0 0; } /************************* * Infopanel *************************/ #infoPanelHeader{ /*background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/demo-container-bg.png") no-repeat -350px 0 #0c6291;*/ background-color: #112E51; padding: 5px 5px 5px 10px; text-align: left; } .iphtitle{ color: #fff; font: bold 1.385em Roboto,sans-serif; } .iphgeoTitle{ color: #fff; font: bold 1.231em Roboto,sans-serif; } #infoPanelBody{ border: 0px; } .infoPanelDetail{ padding: 3px 3px 5px 3px; border-bottom: 1px solid #CCC; margin-left: 5px; margin-right: 5px; } .ipTitle{ color: #161A60; font: bold 0.875em Roboto,sans-serif; } .ipValue{ padding: 3px 0 0 0px; color: #000; font: bold 1.125em Roboto,sans-serif; } .ipDesc{ color: #000; font: 1.00em Roboto,sans-serif; } .ipSrc{ padding: 3px 0 0 0; /*color: #112E51;*/ color: #0095A8; font: bold italic 0.846em Roboto,sans-serif; } .ipSrc a { color: #0095A8; } .ipshowbtn{ float: right; border: 1px solid #000; margin: 5px 5px 5px 5px; } /************************* * Dynamic Navigation *************************/ #dynamicNavBody{ padding: 5px 0 5px 0; border: 1px solid #F2F2F2; } .dynamicLinksHeader{ color: #161A60; font: bold 1.1em Roboto,sans-serif; padding: 0px 0px 0 10px; } .dynamicNavItem{ padding: 5px 5px 3px 3px; text-align: right; border-bottom: 1px solid #F2F2F2; margin: 0 10px; } /************************* * Quick Answers | Featured Results *************************/ .quickAnswerContainer { background-color:#f2f2f2; margin: 0px 0 10px 0; padding: 10px 0 10px 10px; } .quickAnswerContainer .qaTitle{ color: #161A60; font: bold 1.00em Roboto,sans-serif; padding: 0 0 5px 0; } .quickAnswerContainer .qaValue{ padding: 0 0 5px 0; color: #000000; font: bold 1.5em Roboto,sans-serif; } .quickAnswerContainer .qaSource{ color: #112E51; font: italic bold small Roboto,sans-serif; padding: 0; text-decoration: none; } .vizListContainer { margin-top: 20px; padding: 0px; } .vizListTitle { font-size: small; font-family: Arial, verdana, sans-serif; } .vizList li { border-top: 1px solid #d9d9d9; margin: 5px 10px 0 0; padding: 5px 0 0 0; text-align: right; line-height: 30px } .vizLine span { font-style: normal; font-size: medium; font-weight: normal; color: #404040; } .vizLineTitle { float : left; vertical-align: middle; } .vizLine a { display: inline-block; padding-left: 35px; padding-right: 20px; color: #404040; background-repeat : no-repeat; background-size: 30px; } .vizLine a:hover { text-decoration: underline; color: #404040; } .vizChartLink { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/VizChartInactive.png") ; } .vizChartLink:hover { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/VizChartActive.png") ; cursor: pointer ; } .vizTableLink { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/VizTableInactive.png") ; } .vizTableLink:hover { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/VizTableActive.png") ; cursor: pointer ; } .ui-dialog.qaAnnotationTooltipWidget { outline: 0px none currentcolor; z-index: 1005; height: auto; width: auto; top: 183px; left: 1185px; display: block; } #qaAnnotationTooltip{ background-color: #F2F2F2; max-width: 455px; font: small Roboto,sans-serif; height: 170px; padding-top: 0px; width: 455px; padding-bottom: 10px; } .qaAnnotationTooltipWidget .ui-widget-header{ border: none; background: #F2F2F2; } .ui-dialog.searchTooltipWidget { outline: 0px none currentcolor; z-index: 1007; height: auto; width: auto; top: 183px; left: 1185px; display: block; } #qaAnnotationTooltipLink{ color: #0095A8; cursor: pointer; padding-top: 5px; padding-left: 1px; display: block; float: left; font-size:13px; } /************************* * Best Bets *************************/ #bestbetscontainer{ background-color:#f2f2f2; padding: 10px 10px 10px 10px; } #bestbetscontainer .label{ color: #161A60; font: bold medium Roboto,sans-serif; padding: 5px 5px 0px 5px; } .bestbetTitle{ padding: 5px 0 0 0; font: bold medium Roboto,sans-serif; } .bestbetDesc{ padding: 5px 0 0 0; font: normal small Roboto,sans-serif; } .bestbetUrl{ padding: 5px 0 0 0; font: italic bold small Roboto,sans-serif; } /************************* * Data Tools *************************/ #datatoolscontainer{ background-color:#f2f2f2; padding: 10px 10px 10px 10px; } #datatoolscontainer .label{ color: #161A60; font: bold medium Roboto,sans-serif; padding: 5px 5px 0px 5px; } .datatoolcontainer .outerBox{ /*width:260px; height:260px;*/ } .datatoolcontainer .outerBox img{ /*max-width:260px; max-height:260px;*/ } .datatoolsTitleMain{ padding: 5px 0 0 0; background-color:#f2f2f2; font: bold large Roboto,sans-serif; } .datatoolsTitle{ padding: 5px 0 0 0; font: bold medium Roboto,sans-serif; } .datatoolsDesc{ padding: 5px 0 0 0; font: normal small Roboto,sans-serif; } .datatoolsUrl{ padding: 5px 0 0 0; font: italic bold small Roboto,sans-serif; } /************************* * Organic results *************************/ .grid_search_resultsContainer{ margin-left: 0px; width: 100%; /* was 550px */ } .wrapper .grid_content_search_resultsList{ width: 100%; /* was 528px */ margin-left: 0px; } .wrapper .grid_content_searchPageAbstractHeader{ font: small Roboto,sans-serif; color:#2481A6; } .wrapper .grid_content_searchPageAbstractHeaderAnswers{ font: medium Roboto,sans-serif; padding: 7px 0 5px 7px; font-weight: bold; color:#161a60; } .wrapper .grid_content_searchPageAbstractTextQuick{ padding: 0 0 0 5px; } .wrapper .grid_content_searchPageAbstractText{ width:100%; font: small Roboto,sans-serif; color:#030920; padding-top:6px; } .wrapper .grid_content_searchPageAbstractText a { font: x-small Roboto,sans-serif; font-weight:bold; word-break: break-word; color: #0095A8; } /************************* * END Organic results *************************/ /************************* * Image/Video results *************************/ #mediaResults ul{ list-style-type: none; } #mediaResults ul li { float:left; margin: 0px 10px 0px 0px; } .galleryMediaTop{ height: 5px; } .galleryMediaCenter { padding: 0px; height: 250px; /* allows 40px in caption */ width: 250px; border: 1px solid #ccc; } /* new 12/14*/ .galleryMediaCenter:hover { background-color: #F2F2F2; } /* new 12/14*/ .galleryMediaCenter span { height: 65px; width: 250px; vertical-align: top; text-align: left; padding-top: 10px; padding-left: 10px; padding-right: 10px; display: table-cell; border-top: 1px solid #ccc; } .galleryMediaCenter img { height: 178px !important; width: 248px !important; } .galleryMediaBottom { height: 5px; } .searchMedia{ width:246px; height: 165px; padding: 0px; } #mediaResults ul li p{ color: #041C5D; font: small Roboto,sans-serif; /* was x-small */ margin-top: 0; text-align: left; font-weight: bold; } #mediaResults ul li a:hover{ cursor: pointer; text-decoration: none; } #mediaResults ul li a:hover p{ /*color: #F27604;*/ } .videoFrame{ width: 246px; /* was 219 */ height: 165px; /* was 151 */ } #lightbox { position:fixed; /* keeps the lightbox window in the current viewport */ top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0,.5); } #lightbox iframe { box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; max-width: 640px; margin-top: 2px; } #lightbox p { text-align:right; color:#fff; margin-right:20px; font-size:12px; margin-top:20px; } #lightbox #content { position:absolute; width:645px; height:485px; top:20%; left:38%; background-color: rgb(255, 255, 255); -moz-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; -webkit-box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#818493')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=270, Color='#818493')"; border-radius: 3px; box-shadow: 0px 3px 3px #818493, 3px 3px 3px #818493, -3px 3px 3px #818493; } /************************* * Twitter *************************/ .twitterList li { padding: 0 0 10px 0; border-bottom: 1px solid #808080; } .handleInfo a{ color: #041C5D; font: bold 1.3em Roboto,sans-serif; } .handleInfo span{ padding: 0 0 0 5px; color: #808080; font: bold 1.1em Roboto,sans-serif; } .tweetText{ padding: 5px 0 5px 0; font: normal 1.1em Roboto,sans-serif; } .tweetCreated{ color: #808080; font: bold .9em Roboto,sans-serif; } /************************* * Disambig *************************/ .disambiguation{ width: 100%; } .geoIdent{ margin: 5px 0 10px 0; padding: 3px 0 5px 0; } .disambigArrowRight{ width: 0px; height: 0px; border-style: solid; float: left; margin: 2px 12px 2px 2px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8.7px solid #ffffff; } .disambigArrowDown{ width: 0px; height: 0px; border-style: solid; float: left; margin: 3px 12px 2px 2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8.7px solid #ffffff; } .geoIdent span span{ font-style: italic; } .geoIdent img{ padding: 0 3px 0 0; } .disambiguation{ margin: 0 0px 10px 0; } #disambigSelect{ font: bold 1.1em Roboto,sans-serif; color: #FFF; padding: 5px 3px 4px 10px; background-color: #041C5D; cursor: pointer; margin: 10px 0 0 0; } .arrowIcon{ background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/ui-icons_ffffff_256x240.png'); background-color: white; } .arrowRight{ background-position: -40px -22px; } .arrowDown{ background-position: -40px -22px; } #disambiguationList { padding-bottom: 10px; list-style-type: none; } .disambigList .disambigListItem { margin: 7px 10px 0 7px; } .disambigList .disambigListItem div{ padding: 5px 0px 5px 0px; font: bold 1.25em Roboto,sans-serif; } .disambigList .disambigListItem ul{ padding: 0px 0px 0px 7px; font: bold 1.25em Roboto,sans-serif; } .disambigList .disambigListItem ul li{ font: small Roboto,sans-serif; text-transform: capitalize; line-height: 25px; margin-left: 0px; } /************************* * Paging *************************/ #searchpagination{ padding: 20px 0 20px 0; clear: both; } #searchpagination ul{ list-style-type: none; margin: 0; padding: 0; } #searchpagination li{ display: inline; } #searchpagination ul li.curpage{ color: #fff; background-color: #112E51; padding: 4px 8px; } #searchpagination ul li a{ text-decoration: none; padding: 4px 8px; background-color: #F2F2F2; } #searchpagination ul li a:hover{ color: #fff !important; background-color: #112E51; } #searchResultsItemsList { padding-top: 20px; min-height: 100px; } /* MEDIA QUERIES */ @media ( min-width : 960px) { #searchResultsOrganic.web, #searchResultsQuickAnswer{ padding-right: 15px; } } @media ( min-width : 1260px) { #searchResultsOrganic.web, #searchResultsQuickAnswer { padding-right: 30px; } .ia-label, .ia-stat { font-size: 13px; letter-spacing: 0; color: #112E51; } .ia-label{ line-height: 15px; } .ia-stat-value { padding: 2px 0px 5px 8px; font-size: 16px; letter-spacing: 0; color: #112E51; } .ui-menu .ui-menu-item .ia-system a { font-size: 10px; letter-spacing: 0; color: #112E51; } .ui-autocomplete-category { padding: 1px 0 1px 7px; font-size: 13px; letter-spacing: 0; color: #112E51; } .ui-menu .ui-menu-item a{ font-size: 13px; padding: 2px 0.6em; letter-spacing: 0; color: #112E51; } .ui-menu .autocomplete-instant-answer.ui-menu-item{ padding-bottom: 3px; } } @media ( max-width: 959px ) { #naicsContainer, #infoPanelContainer { border: 0px solid transparent; padding: 0px; margin: 0px; } #naicsHeader { padding: 0px; background: none; } #infoPanelHeader { background: none; padding: 0px; } .infoPanelDetail { padding: 3px 0px 0px 00px; } } #searchTypeSelect { color: #FFF; background-color: #112E51; height: 40px; width: 100px; border-radius: 0px; font-size: small; font-weight: bold; margin-left: 10px; padding-left: 10px; padding-right: 10px; text-transform: capitalize; } #searchTypeSelector h4 { display: inline; line-height: 40px; } #searchTypeSelect option { height: 30px; text-transform: capitalize; } @media(min-width: 960px) { #searchResultsInfoPanel { margin-top: 40px; } } @media(max-width: 960px) { .disambiguation { margin : 0px 0px 0px; } } .customReset{ font-weight: 600; font-size: 13px; line-height: 18.5667px; position: absolute; top: 0; bottom: 0; left: 0; right: 10px; width: 45%; height: 60%; margin: auto; text-align: center; vertical-align: middle; border-radius: 4px; background-color: #ffffff; /*border-color: 2px solid #045FB4; border-color: 2px solid #045FB4 !important;*/ border: 1px solid #045FB4; color: #045FB4; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; } #mypaneltitle{ border-radius: 5px; height: 45px; } /*The following is for DataToolContainer Component */ .outerBox { /*width: 300px;*/ height: 280px; display: block; position: relative; margin-top: 10px; background-repeat: no-repeat; background-position: center center; } .outerBox img { width: 100%; height: 100%; border-radius: 5px; } /*.outerBox*/ .innerBox { background: #112E51; height: 100%; width: 100%; opacity: 0; top: 0; left: 0; position: absolute; padding: 0; opacity: .6; border-radius: 5px; } .outerBox .innerBox p { color: #fff; /*line-height: 150px;*/ font-family: 'arial'; text-align: left; padding-top: 50px; padding-left: 13px; font-size: 15px; font-weight: bold; } .dataToolBoxTitle, .dataToolBoxTeaser { color: #FFF; position: relative; z-index: 99; } .dataToolBoxTitle { font-weight: bold !important; font-size: 20px; padding: 13px; } .dataToolBoxTeaser { padding-left: 13px; padding-right: 13px; font-size: 16px; font-weight: bold; padding-top: 15px; } .paddedDiv { padding: 10px; } .actionButton { /*padding-top: 100px; padding-bottom: 25px;*/ text-transform: uppercase; position: absolute; bottom: 0; padding-left: 13px; padding-bottom: 40px; } .dataToolBox .btn { min-width: 128px; margin-top: 5px; font-weight: bold; color: #fff; position: relative; z-index: 99; background-color: rgba(108, 198, 204, 1) !important; border: 1px solid rgba(108, 198, 204, 1); } .onTop { /*position: relative; top: 4.7em;*/ z-index: 99; /*margin-top: -271px;*/ } .panel-title { padding-left: 10px; } .mobile-search { position: relative; color: #aaa; font-size: 16px; } .mobile-search input { width: 250px; height: 32px; background: #fcfcfc; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset; } .mobile-search input { text-indent: 15px; border: 1px solid #112E51; /*width: 279px;*/ width: 100%; background-color: #FFFFFF; color: #112E51; font-weight: bold; height: 46px; border-radius: 0; margin: 15px 0px; padding-right: 35px; } .mobile-search .glyphicon-search { position: absolute; top: 27px; /*right: -34px;*/ right: 3%; color: #112E51; font-size: 26px; pointer: cursor; } .mobileMenu ul.ui-autocomplete { border: solid 0px #555; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); border-radius: 0; } #searchFormContainer #searchInputBox { margin-right: 0; } /*.outerBox:hover .innerBox { opacity: .9; transition: opacity .5s; }*/ .ui-dialog.qaAnnotationTooltipWidget { outline: 0px none currentcolor; z-index: 1005; height: auto; width: auto; top: 183px; left: 1185px; display: block; } #qaAnnotationTooltip{ background-color: #F2F2F2; max-width: 455px; font: small Roboto,sans-serif; height: 170px; padding-top: 0px; width: 455px; padding-bottom: 10px; } .qaAnnotationTooltipWidget .ui-widget-header{ border: none; background: #F2F2F2; } .ui-dialog.searchTooltipWidget { outline: 0px none currentcolor; z-index: 1007; height: auto; width: auto; top: 183px; left: 1185px; display: block; } #qaAnnotationTooltipLink{ color: #0095A8; cursor: pointer; padding-top: 5px; padding-left: 1px; display: block; float: left; font-size:13px; } .ui-dialog.infoPanelAnnotationTooltipWidget { outline: 0px none currentcolor; z-index: 1012; height: auto; width: auto; top: 399px; left: 1185px; display: block; } #infoPanelAnnotationTooltip{ background-color: #F2F2F2; height: 170px; width: 455px; max-width: 455px; font: small Roboto,sans-serif; padding-top: 0px; } .infoPanelAnnotationTooltipWidget .ui-widget-header { border: none; background: #F2F2F2; } #infoPanelAnnotationTooltipLink{ cursor: pointer; padding-top: 5px; padding-left: 1px; float: left; color: #0095A8; font-size:13px; } .qaDivCell { float: left; display: table-column; width: 420px; width: auto; padding: 5px 0px 5px 0px; } .infoPanelDivCell { float: left; display: table-column; width: 420px; width: auto; padding: 5px 0px 5px 0px; } /*********************** * Search Profile Component ********************/ .searchprofile a:hover { text-decoration: none !important; } .searchprofile .aqua-card { position: relative; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; } .searchprofile .aqua-card.navigates { cursor: pointer; } .searchprofile .aqua-card.bluegradient { padding: 12px 20px; text-align: left; color: #fff; background-image: linear-gradient(#112e51,#405773); } .searchprofile .aqua-card .aqua-card-heading-text { font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #ff5622; } .searchprofile .aqua-card .aqua-card-title-text { font-size: 22px; font-weight: 700; margin: 18px 0 4px 0; } .searchprofile .aqua-card .aqua-card-description-text { font-size: 14px; margin-right: 20px; } .searchprofile .geo-description { line-height: 20px; } .searchprofile .o-angle-right-circle-1 { position: absolute; right: 10px; bottom: 10px; } .searchprofile .o-angle-right-circle-1:before { font-size: 25px; } @media screen and (max-width: 576px) { .searchprofile .aqua-card.navigates { display: none; } } @media screen and (max-width: 576px) { .datatoolcontainer .dataToolBox.outerBox { display: none; } } /*REFRESH_ASSESS done: check if we need this for chart rendering, otherwise delete it*/ #sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; color: #fff; } #sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 12999; text-align: left; visibility: hidden; display: none; } #sb-overlay { position: relative; height: 100%; width: 100%; } #sb-wrapper { position: absolute; visibility: hidden; width: 100px; } #sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; } #sb-body { position: relative; height: 100%; } #sb-body-inner { position: absolute; height: 100%; width: 100%; } #sb-player.html { height: 100%; overflow: auto; } #sb-body img { border: none; } #sb-loading { position: relative; height: 100%; } #sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; } #sb-loading-inner span { background: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_loading.gif') no-repeat; padding-left: 34px; display: inline-block; } #sb-body, #sb-loading { background-color: #060606; } #sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; } #sb-title, #sb-title-inner { height: 26px; line-height: 26px; } #sb-title-inner { font-size: 16px; } #sb-info, #sb-info-inner { height: 20px; line-height: 20px; } #sb-info-inner { font-size: 12px; } #sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; } #sb-nav-close { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_close.png'); } #sb-nav-next { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_next.png'); } #sb-nav-previous { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_previous.png'); } #sb-nav-play { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_play.png'); } #sb-nav-pause { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/shadowbox_pause.png'); } #sb-counter { float: left; width: 45%; } #sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #sb-counter a.sb-counter-current { text-decoration: underline; } div.sb-message { font-size: 12px; padding: 10px; text-align: center; } div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; } /*REFRESH_ASSESS done */ /*TODO_REFRESH delete at the end of the refresh */ /* HOME PAGE STYLES */ div.centre { width: 200px; display: block; margin-left: auto; margin-right: auto; } #appRotatorContainer { margin-top: 10px; min-height: 140px; overflow: hidden; } #featureRotator{ margin-top: 3px; } #featureRotator, #featureRotator div.item { max-height: 200px; } #featureRotator .carousel-inner > .item > img { max-width: none; } .featureContentBox { width: 350px; height: 180px; position: absolute; padding-left: 10px; padding-right: 10px; background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.8); border-radius: 2px; box-shadow: 0px 2px 2px #818493, 2px 2px 2px #818493, -2px 2px 2px #818493; } @media (min-width: 960px) { .featureContentBox { right: 0px; bottom: 0px; margin: 10px 12px 10px; } } @media (max-width : 959px ) { .featureContentBox { width: 250px; height: 157px; right: 20px; bottom: 20px; margin: 0px; padding-left: 3px; padding-right: 3px; } } @media (max-width : 600px ) { .featureContentBox { height: 40px; position:static; margin-top: -12px; width: 100%; background-color: #FFF; padding: 0px; } } .wrapper .grid_content_imagery_nav_headerText h3 { height: auto; width:326px; padding-top: 2px; text-align: left; color: #041c5d; font-size: 16px; font-family: Arial, serif; font-weight: bold; margin-top: 12px; margin-left: 1px; padding-right: 0px; margin-bottom: 0px; } @media (max-width : 960px ) { .wrapper .grid_content_imagery_nav_headerText h3 { width:auto; margin-left: 5px; } } @media ( max-width : 959px ) { #featureRotator .carousel-indicators { position: static; bottom: 0px; width: auto; margin-left: 0px; text-align: left; display: inline-block; } #featureRotatorNav > a { display: inline !important; } #featureRotator .carousel-indicators li, #featureRotator .carousel-indicators li.active { width: 20px; height: 20px; margin: 0px; } #featureRotator .photoButton { color: white; border-radius: 15px; width: 15px; height: 15px; } #featureRotator li.active .photoButton, #featureRotator li .photoButton:hover { background-color: #0080c0; outline: 0; } } @media ( min-width : 960px ) { #featureRotator .leftArrow, #featureRotator .rightArrow { display: inline-block; height:18px; z-index : 99999; } #featureRotator .leftArrow { right: 265px; } #featureRotator .rightArrow { right: 85px; } #featureRotator .carousel-indicators { display: inline-block; width: auto; right: auto; left: auto; margin-left: 0px; position: static !important; } #featureRotator .carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; margin: 0 !important; width: 18px; height: 16px; border: 0px transparent; text-indent: 0px; } #featureRotator .photoButton { background-color: white; width: 15px; height: 15px; outline: 0px none !important; border-radius: 20px; border: 1px solid #666 !important; cursor: pointer; font-size: 10px !important; text-decoration: none !important; text-indent: 100% !important; white-space: nowrap; overflow: hidden !important; vertical-align: middle; } #featureRotator li.active .photoButton, #featureRotator li .photoButton:hover { background-color: #0080c0; outline: 0; } #featureRotator li.active .photoButton, #featureRotator li .photoButton:hover { outline: 0; } #featureRotatorNav { margin-left: 2%; } } #featureRotator .carousel-inner { background-color: #333333; } #featureRotator .carousel-control { font-size: 12px; width: 5%; top: auto; bottom: 10px; } #featureRotator .carousel-control.right, #featureRotator .carousel-control.left { background-image: none; left: auto; } #featureRotator .carousel-control.right { right: 20px; } #featureRotator .carousel-control.left { right: 50px; } #sod-widget { height: 165px; position: relative; } .grid_statsDay { display: inline; float: left; margin-left: 0; margin-right: 0; } p.sw-desc { font: small Roboto,sans-serif; height: 90px; margin: 8px 20px 8px 20px; margin-bottom:8px; } .wrapper .grid_statText { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 10px; height: 180px; width: 100%; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/statofday.png"); background-size: 100% 100%; background-repeat: no-repeat; color: #000; font: small Roboto,sans-serif; } .wrapper .grid_inasurvey { width: 100%; margin: 20px 0px; } .wrapper .grid_inasurveyHolder { height: 50px; } .wrapper .grid_inasurvey img { width: 100%; max-height: 200px; float: right; margin-right: 0px; margin-top: 4px; } #events { margin-top: 15px; overflow-y: auto; text-align: left; padding-right: 10px; } #event-rule { margin-bottom: 4px; text-align: center; } #event-viewall { color: #084E84; width: 170px; font: bold small Roboto,sans-serif; text-align: center; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-btn.jpg"); background-repeat: no-repeat; margin: 0px auto; padding-top: 10px; height: 36px; text-indent: 0px; box-sizing: content-box !important; } #event-viewall:hover{ background-image:url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-over-btn.jpg"); background-repeat:no-repeat; } #events a { font-weight: bold; color: #333333; } #events p { line-height: 12pt; color: #333333; font-size: 10pt; margin-bottom: 1em; } #events span { color: #646464; font-size: 8pt; line-height: 10pt; font-style: italic; font-weight: 500; display: block; } .eventcalendar { width:100%; } #calendarwiz { display: none; } #calendar { width: 100%; } #weekAheadAccordion { width: 100%; } #calendar .day { color: #333333; border: 1px solid #797979; float: left; text-align: center; margin-top: 4px; cursor: pointer; width: 20%; } #calendar .day a { width: 56px; padding: 2px 0; display: block; } #calendar .day .dow { font-size: 11pt; font-weight: bold; } #calendar .day .date { font-size: 8pt; } #calendar .day.selected { background-color: #D4E9F9; margin-top: 0; } #calendar .day.selected a { padding: 6px 0; } .grid_content_widgets { color: #4d4c52; font: small Roboto,sans-serif; padding: 2px; font-weight: normal; height: 173px; width: 320px; overflow: hidden; display: table-cell; vertical-align: middle; } .wrapper .grid_indicators h3 { padding-top: 5px; padding-bottom: 3px; text-align: left; font: Roboto,sans-serif; font-weight: bold; padding-left: 10px; padding-right: 5px; margin-bottom: 0px; } .wrapper .grid_content_indicators { padding-top: 40px; text-align: left; color: #4d4c52; font: small Roboto,sans-serif; font-family: Arial, serif; font-weight: normal; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; } .grid_quickFacts { background-image: url(."/etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/widget-box.jpg"); background-repeat: no-repeat; } .grid_popClocks { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/widget-box.jpg"); background-repeat: no-repeat; } /* APP ROTATOR */ #containerWidgetRotation { padding:0px 0; height:195px; margin: auto; } #outerbanner { float: left; overflow: hidden; height: 195px; margin: 0 auto; position: relative; } #banner { float: left; overflow: hidden; height: 181px; margin: 0 auto; margin-top: 10px; position: relative; } #innerbanner { height: 181px; overflow: hidden; display :inline-block; padding: 0; margin: 0; position: absolute; left: 0px; } #appRotatorNav { text-align: center; } #featureRotatorNav { text-align:center; padding-top: 5px; padding-bottom: 5px; } #leftArrow { margin-right: 2px; } #leftArrow, #rightArrow { cursor: pointer; font-size: 17px; width: 18px; color: #0080c0 !important; } a.leftArrow, a.rightArrow { outline: 0; } .no_element { cursor: pointer; font-size: 20px; width: 20px; color: #ccc !important; } #leftArrow:hover, #rightArrow:hover { /*color: #0197c1;*/ color: #0080c0 !important; } .dots, .feature-dots { background: #fff none repeat scroll 0% 0%; /*background was #666*/ text-indent: -9999px; height: 15px; width: 15px; margin: 0px 9.5px; outline: 0px none !important; border-radius: 20px; border: 1px solid #666; cursor: pointer; font-size: 10px; text-decoration: none !important; white-space: nowrap; } .dots:hover { /*background-color: #0080c0;*/ background-color: #112E51; } .selectedDot, .feature_selectedDot, .selectedSlideDot { background: #0080c0 none repeat scroll 0% 0%; text-indent: -9999px; width: 15px; height: 15px; margin: 0px 9.5px; outline: 0px none !important; border-radius: 20px; border: 1px solid #666; cursor: pointer; font-size: 10px; text-decoration: none !important; white-space: nowrap; } @media ( max-width : 960px ) { #leftArrow, #rightArrow{ vertical-align: top; } .feature-left-arrow{ margin-right: 15px; } .photoButton{ background: #0080c0 none repeat scroll 0% 0% text-indent: -9999px !important; outline: 0 !important; border-radius: 20px; border: 1px solid #666 !important; cursor: pointer; font-size: 10px !important; text-decoration: none !important; text-indent: 100% !important; white-space: nowrap; overflow: hidden !important; margin-top: 2px !important; } #featureRotator li.active .photoButton, #featureRotator li .photoButton:hover { background-color: #0080c0; outline: 0 !important; border: 0; } .photoButton:active{ outline: 0; } a:focus{ outline: 0; } .carousel-indicators{ width: 175px !important; } } #toolBoxContainer { width:285px; padding-top: 10px; padding-bottom: 20px; } #toolBoxContainer p { padding-left: 10px; } #toolBoxContainer img { float: left; width: 40px; } @media ( min-width : 100px) { #innerbanner, #banner, #containerWidgetRotation { width: 320px; } #outerbanner { width: 402px; } } /*These different breakpoints are per size of appRotator iFrame, ie 320px */ @media ( min-width : 620px) and (max-width: 959px) { #appRotator { text-align: center; } #containerWidgetRotation { display:inline-block; } #toolBoxContainer { display: inline-block; vertical-align: top; padding-top: 75px; padding-left: 10px; } } @media ( min-width : 960px) { #innerbanner, #banner, #containerWidgetRotation { width: 960px; } #outerbanner { width: 1042px; } } @media ( min-width : 1260px ) { #innerbanner, #banner, #containerWidgetRotation { width: 1280px; } #outerbanner { width: 1362px; } #featureRotator { /*padding-left: 15px;*/ } } /* Rotation widget styles */ .grid_indicators { width: 320px; height: 181px; margin-left: 0px; margin-right: 0px; } .grid_indicators { background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/AppRotator.png"); background-color: transparent; } @media ( min-width : 601px ) { #latestNewsArea { padding-right: 10px; } } @media ( min-width : 960px ) { #latestNewsArea { padding-right: 15px; margin-top: 10px; } #homeRightWidgetArea { margin-top: 10px; } } @media ( min-width : 1260px ) { #latestNewsArea { padding-right: 30px; } } .wrapper .grid_viewAllBtnNews { color: #084E84; font: small Roboto,sans-serif; font-weight: bold; text-align: center; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-btn.jpg"); background-repeat: no-repeat; margin: 0 auto; padding-top: 10px; height: 36px; box-sizing: content-box !important; } .wrapper .grid_viewAllBtnNews:hover { color:#0E72A2; font:small Roboto,sans-serif; font-weight:bold; text-align:center; background-image:url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-over-btn.jpg"); background-repeat:no-repeat; padding-top:10px; height:36px; } .no-space { margin-bottom: -6px; } .glyphicon.glyphicon-one-fine-empty-dot { margin-bottom: -.8em; overflow: hidden; } .glyphicon.glyphicon-one-fine-empty-dot:before { content:"\25cb"; font-size: 3em; } @media ( max-width: 600px ) { #theButton { color: #0c6291; background-color: #f2f2f2; padding: 4px 8px; margin-bottom: 5px; height: 35px; border: 0px; font-weight: normal; width: 140px; margin-botton: -6px; text-align: center; margin-left: auto; margin-right: auto; } #theButton:hover{ color: #ffffff; background-color: #0c6291; text-decoration: underline; } } @media ( min-width: 600px ) { #theButton { color: #084E84; font: small Roboto,sans-serif; font-weight: bold; text-align: center; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-btn.jpg"); margin: 0 auto; padding-top: 10px; height: 35px; box-sizing: content-box !important; border: none; width: 153px; outline: none; background-repeat: none; } #theButton:hover { color:#0E72A2; font:small Roboto,sans-serif; font-weight:bold; text-align:center; background-image:url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/viewall-mini-over-btn.jpg"); padding-top:10px; text-decoration: underline; background-repeat: none; } } #innerNavContainer { display: inline; bottom: 20px; right: 13px; position: absolute; width: 350px; } /*Added for the new app rotator*/ #containerWidgetRotation { width: 100% !important; } #banner,#outerbanner,#innerbanner { width: 100% !important; } @media (max-width: 1259px) { .grid_icon_indicators { width: 211px; height: 181px; margin-left: 0px; margin-right: 0px; display: inline-block; float: left; } .grid_icon_indicators img { width: 100%; height: 148px; } #appRotator { padding-left: 0px; } } @media (max-width: 959px) { #innerbanner { margin: 0 auto; overflow: auto; text-align: center; display: inline-block; clear: both; box-sizing:border-box; margin-left: 8%; } .grid_icon_indicators img { width: 100%; height: 148px; } #appRotator { padding-left: 0px; } #outerbanner { margin-left: 0px !important; } .appIcon { margin-top: 10px; } } @media (max-width: 775px) { #innerbanner { margin-left: 5%; } .appIcon { margin-top: 30px; } } @media (max-width: 600px) { .appIcon { margin-top: 5px; } .grid_icon_content_widgets { height: auto; width: 137px; } .grid_icon_indicators { width: 131px; height: 181px; margin-left: 0px; margin-right: 0px; display: inline-block; float: left; } .grid_icon_indicators img { width: 100%; height: 148px; } #containerWidgetRotation, #outerbanner { height: 141px; } #innerbanner { padding-left: 9%; } div.grid_inasurveyHolder { height: auto !important; text-align: center !important; } div.wrapper .grid_inasurvey img { width: auto; float: none; } .wrapper .grid_statText { height: 200px !important; } } @media (max-width: 460px) { #outerbanner { margin-left: 1%; } #innerbanner { padding-left: 5%; } } @media (max-width: 320px) { .grid_indicators { display: none; } #innerbanner { padding-left: 0%; padding-top: 6px; } #appRotatorRow, .approtator { width: 320px !important; } #outerbanner { margin-top: -30px; height: 162px; margin-left: 0px !important; } .grid_icon_content_widgets { color: #4d4c52; font: small Roboto,sans-serif; padding: 2px; font-weight: normal; height: auto; width: 100px; overflow: hidden; display: table-cell; vertical-align: middle; } .grid_icon_indicators { width: 100px; height: 181px; margin-left: 0px; margin-right: 0px; display: inline-block; float: left; } .grid_icon_indicators img { width: 100%; height: 80px; } .grid_content_widgets h3 { font-size: 90% !important; } #containerWidgetRotation { height: 135px; } #innerbanner { margin-top: 21px; width: 320px; } #appRotator { padding-left: 0px; } } .grid_content_widgets iframe { width: 100%; } .appWidget { width: 320px; height: 181px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/AppRotator.png"); background-color: transparent; padding: 2px; } .appIcon { text-align: center; } .appIcon h3 { word-break: break-all; text-align: center; padding: 5px 0px 0px 0px; } #outerbanner { margin-left: 2%; } #innerbanner { overflow-x: hidden; overflow-y: hidden; } /* For Safari only */ _::-webkit-full-page-media, _:future, :root #featureRotator .leftArrow, #featureRotator .rightArrow { vertical-align: middle; } /*Testing featurerotator fix*/ #innerCarouselDiv{ height: 200px; } #americaCountsHeader { padding-top: 20px; } /*REFRESH_ASSESS done: can be refactored when list is reskinned */ /************************* * Paging *************************/ div.paginationInfo li{ display:inline; } @media (max-width: 960px) { div.paginationInfo { padding-top: 10px; } } /*REFRESH_ASSESS done*/ .sisLogoText a { margin-left: 128px !important; } .sisPage #desktopHeader #mainTabs { margin-left: 336px; } .sisLogo img { margin-left: 107px; } .sisPage .visualGalleryThumb { height:315px; } .sisPage .valignMiddle { height: auto; } .sisPage #landingAboutText img { float:left; padding-right:9px; } .sisLogo img { width: 100%; } .sisActivityLogo { float:right; margin-right:97px; width:5.66666667%; } .sisPageLogo { float:left; margin-bottom: 10px; /*width:16.66666667%;*/ } .sisPageLogo img{ max-width: 50px; } @media (max-width: 1259px) { .sisActivityLogo { margin-right:77px; } } @media (max-width: 959px) { .sisActivityLogo { /*margin: 0 auto;*/ float:left; width:60%; } .sisPage #leftColumn { width: 0px; padding-left: 0px; } .sisPage .last_modified{ margin-left: 8.5%; } .sisPageLogo { float: none; clear: both; margin: 0 0 5px 3px; } } .sisActivityLogo img { max-width:150px; } @media (max-width: 960px) { .sisActivityLogo img { max-width:130px; margin: 0 auto; } } #sisMobileTitleRow { background-repeat: no-repeat; height: 65px; background-color: #112E51; } .sisPage #landingLatest { margin-top: 15px; padding-right: 0px; } @media (max-width: 1260px) { .sisPage #desktopHeader #mainTabs { margin-left: 336px; } .sisLogo img { margin-left: 107px; } @media (min-width: 960px) { .sisPage #desktopHeader #mainTabs { margin-left: 271px; } .sisLogo img { margin-left: 81px; } } } /* @media (min-width: 960px) { .sisPage #sectionTitleRow { margin-left: 8.3333%; margin-right: 8.3333%; } } */ /*CSS FOR TEACHER'S NOTE COMPONENT*/ .teacherNotesBox { border: 2px solid #AAA; margin-top: 10px; background-color: #FFF9FB; padding-bottom: 10px; } .teacherNotesInnerBox { border: 1px solid #AAA; background-color: #FFFFFF; margin-top: 5px; padding: 0px 10px; } .teacherNotesBoxContent { padding-left: 10px; padding-right: 10px; } .teacherNotesInnerBox > .teacherNotesBoxHeader { padding-left: 0px; } .teacherNotesInnerBox .teacherNotesInnerBoxContent:nth-child(n+2) { border-top: 1px solid #AAA; } .teacherNotesInnerBoxContent > p { padding: 5px 10px; margin-bottom: 5px; } .noPadding { padding-left: 0px; padding-right: 0px; } .teacherNotesInnerBox > .imageDiv { text-align: center; padding-bottom: 5px; } .teacherNotesBoxHeader { padding-top: 3px; padding-bottom: 3px; } .teacherNotesBoxContent ul li { list-style: square; list-style-position: outside; } @media (max-width: 959px) { .teacherNotesBox, .teacherNotesInnerBox, .teacherNotesInnerBox { border: none; } } .teacherNotesBox ul { list-style-type: square; list-style-position: outside; padding: 5px 0px 2px; font-weight: normal; text-indent: 0em; margin-left: 1em; } #searchInput, #searchFormContainer #sissearchbox{ color: #6D6D6D; font-size: 12px; line-height: 26px; font-weight: normal; width: 280px; height: 25px; padding-left: 20px; background-image: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/search-bg.png"); background-repeat: no-repeat; margin-left: 0px; margin-top: 0px; } /*To add buffer (left and right space) so that SISApplicationDetailPage can be editable in classic UI*/ .cq-element-application{ min-width: 1100px; padding-left: 30px; } .blogFirstEntry { padding-bottom: 20px; } .blogPageMiddleColumn { padding-bottom: 25px; } .blogListLogo { text-align: right; } #blogSearchContainer h3, #blogArchiveContainer h3, #blogCategoriesContainer h3 { border-bottom: thin solid #cfcfcf; border-top: thin solid #cfcfcf; padding: 5px 0px; margin-bottom: 5px; } #mobileSearchContainer { text-align: right; } #mobileSearchContainer .searchbox, #mobileSearchContainer .searchbtn { float: none; display: inline-block; margin-left: -4px; } #blogSearchContainer .searchbox input, #mobileSearchContainer .searchbox input { margin-left: 0px; margin-top: 0px; width: 135px; } @media (max-width: 600px) { #mobileSearchContainer .searchbox input { width: 215px; } #mobileSearchContainer { text-align: left; } } #blogSearchContainer .searchbtn input, #mobileSearchContainer .searchbtn input { margin-top: 0px; } .blogentry small, .blogPublishDate { font: italic x-small Roboto, sans-serif; } .blogentry .postmetadata { font: x-small Roboto, sans-serif; margin: 0px; } #blogArchiveMobile .btn, #blogCategoriesMobile .btn { color: #4693b8; font: small Roboto, sans-serif; padding: 5px 10px; border-radius: 0px; border: 1px solid #4693b8; box-shadow: none; font-weight: bold; } #blogArchiveMobile ul.dropdown-menu, #blogCategoriesMobile ul.dropdown-menu { border-radius: 0px; border: 1px solid #d2e5ec; font: small Roboto, sans-serif; height: auto; padding-top: 0px; padding-bottom: 0px; box-shadow: none; } #blogArchiveMobile .dropdown-menu > li, #blogCategoriesMobile .dropdown-menu > li { display: block; list-style-position: outside; padding-left: 3px; } #blogArchiveMobile .dropdown-menu > li > a, #blogCategoriesMobile .dropdown-menu > li > a { color: #4693b8; font-weight: bold; height: 30px; padding: 5px 7px; display: inline; } #blogArchiveMobile.open .btn, #blogArchiveMobile .dropdown-menu > li > a:hover, #blogArchiveMobile .dropdown-menu > li > a:focus, #blogArchiveMobile.open .btn, #blogArchiveMobile .dropdown-menu > li > a:hover, #blogArchiveMobile .dropdown-menu > li > a:focus { background-color: #d2e5ec; color: #084e84; } #detailContent ul li.x-tree-node { list-style-type: none; padding: 0; margin: 0; } .touchUIBlogBar { border: 1px solid #ccc; background-color: #eee; padding: 3px 8px; z-index: 9999 !important; position: relative; } .separatorSpan { color: #aaa; } #addEntryButton, #backToBlogButton, #blogBarCommentButton { border: 1px solid #aaa; padding: 2px 7px; } .addblogentry, .backtoblog, .blogbarcomments, .bloglistcomments { display: inline; } /*Add to Scss*/ .overlay-content-wrapper .search-filter-heading .o-close-1 { height: 14px; width: 14px; position: absolute; font-size: 2.75rem; cursor: pointer; right: 0; top: -6px; margin-right: 20px; } #livesearch:focus-visible { outline: none !important; } /*Mobile*/ @media only screen and (max-width: 400px) { .search-filter-wrapper { margin-right: 15px; } .search-filter-column { width: 100% !important; margin-left: 5px !important; } #blogCategoriesContainer .uscb-list-filter-group-toggle { background-image: none; } #blogSearchForm { height: 36px; } .uscb-list-filter-group-toggle { height: 36px !important; } .uscb-list-filter-group { height: 36px; } .archive { margin-top: 20px; } .uscb-list-filter-wrap { margin-top: 20px !important; } .uscb-chevron-icon-img { right: 0; position: absolute; } .archive-label { height: 36px; width: 273px; color: #646464; font-family: Roboto; font-size: 0.875rem; letter-spacing: 0; line-height: 36px; font-weight: 400; } .uscb-accordion_panel_head { height: 36px; line-height: 36px; } .uscb-list-filter-group-toggle, .archive-label { padding-left: 12px !important; } #archiveList .uscb-filter-parent { font-family: "Gotham", sans-serif; font-size: 0.75rem; margin-top: 0; margin-bottom: 1rem; } .uscb-filter-list { max-height: 435px; overflow: auto; padding: 16px 16px; } .archive-wrapper { border: 1px solid #8b8b8b; position: absolute; top: 100%; right: 0; left: 0; } .btn-bg-color-results { background-color: #076c79 !important; color: #fff !important; } .selected-filter { color: #fff !important; } } @media screen and (max-width: 993px) { .hide-tbl-up { display: none; } } @media screen and (min-width: 993px) { .hide-tbl-up { display: none; } } @media screen and (max-width: 769px) { .hide-tbl-up { display: block; } .blog-search-filter { padding-right: 20px; } .archive .archive-label { line-height: 40px; padding-left: 15px; } .search-filter-column { margin-bottom: 20px; } #archiveList { max-height: 435px; overflow: auto; padding: 16px; margin: -0.5rem; } .archive .uscb-filter-list { border: thin solid #78909c; } .archive #archiveList li.uscb-filter-parent { list-style-type: none; padding: 0; } #archiveList .uscb-filter-parent { font-family: Gotham,sans-serif; font-size: .75rem; margin-top: 0; margin-bottom: 1rem; line-height: 12px; } } #facetedSelectBox { /* width: 164px; */ width: 211px; float: right; } .facetedTop-15 { top: 15px !important; } .letter-spacing-0-5 { letter-spacing: 0.5px !important; } .facetedTop-20 { top: 20px !important; } .facetedTop-24 { top: 24px !important; } .facetedTop-25 { top: 25px !important; } .facetedTop-13 { top: 13px !important; } .facetedSectionSeperator { width: 100%; min-height: 26px; background-color: #112e51; } #selectedFacets { float: left; width: 100%; padding: 5px 10px; font-weight: bold; color: #041c5d; background-color: #e7eaed; border: 1px solid #aebcc3; border-radius: 3px; margin-bottom: 20px; padding-bottom: 11px; } .refinementFacet { background: #008392; border: 1px solid #008392; border-radius: 13px; float: left; min-height: 25px; margin-right: 3px; margin-bottom: 3px; font-size: 12px; font-weight: normal; color: #ffffff; padding-left: 9px; padding-right: 7px; padding-bottom: 3px; padding-top: 3px; } .refinementFacet a { color: #ffffff; /*outline: none;*/ float: right; text-decoration: none; } .refinementFacet.permanentFacet { background-color: #949494; border-color: #949494; } .refinementFacetsContainer { float: left; display: block; clear: both; height: 28px; overflow-y: hidden; } .showAllRefinementFacets { height: auto; } .showLessRefinementFacets { height: 35px; } .yourRefinementHeader { font-weight: bold; font-size: 16px; color: #333333; font-style: normal; } .yourRefinementClearAll a, .seeAllYourRefinements a { font-weight: normal; font-size: 13px; float: right; /*outline: none;*/ } #selectedFacets .seeAllYourRefinements { text-align: center; } .seeAllYourRefinements a, .seeAllYourRefinements .tabChevron { float: none; } .seeAllYourRefinements .tabChevron { top: 3px; } hr.yourRefinementHr { margin-top: 0px; margin-bottom: 10px; } .closeThik:after { content: "✖"; /* UTF-8 symbol */ padding-left: 5px; } .accordionContainer { background: #e7eaed; border: 1px solid #aebcc3; border-radius: 3px; margin-top: 10px; max-width: 200px; } .accordionTab { color: #112e51; } .accordionContainer .headerTitle { padding: 5px; } #yearFacetGroup .headerTitle, #topicsFacetGroup .headerTitle { border-bottom: 1px solid #aebcc3; } .facetContentContainer { cursor: pointer; } .facetHeading { cursor: pointer; } .facetLabel { margin: 0; } .accordionFlyoutContent { background-color: #ffffff; border: 1px solid #78909c; position: absolute; left: 224px; clear: both; width: 224px; z-index: 2; margin-top: -44px; color: #112e51; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .accordionFlyoutContent { left: 191px; } } .programsTypeAheadContainer { padding: 5px; } .programsTypeAhead { height: 20px; font-size: 12px; border: 1px solid rgb(221, 221, 221); width: 100%; padding: 4px 10px 4px 10px; font-weight: normal; } .surveysAndProgrammInnerDiv { margin-top: 5px; overflow-y: scroll; max-height: 322px; } .boxRowTitle { color: #ffffff; font-weight: bold; background-color: #c9c9c9; text-align: center; font-size: 11px; } .mostPopularFacetContainer { background-color: #ffffff; } .allSurveysAndProgramsFacetContainer { border-bottom: 1px solid #dddddd; } .yearAllContainerSpan, .topicAllContainerSpan { float: right; min-width: 33px; } .glyphicon-triangle-top, .glyphicon-triangle-bottom { font-size: 8px; } .tabChevron { float: right; } .mobileChevron { top: 0; } #mobileFilterContainer .uscb-checkbox-container { padding-top: 0; padding-bottom: 0; height: 63px; display: flex; align-items: center; margin-bottom: 0; } #mobileFilterContainer .uscb-checkbox-container input { top: 24px; } #mobileFilterContainer .facetTitleContainer { padding-top: 0; padding-bottom: 0; display: flex; align-items: center; height: 100%; } #mobileFilterContainer #yearFacetGroup .yearAllContainerSpan { position: absolute; line-height: 2rem; right: 0; } .mainTopicChevron { position: absolute; right: 0; } .topicsAccordionChevron { padding-top: 16px; padding-bottom: 16px; } .mostPopularFacetsContainerDiv { min-height: 80px; } .facetTitleContainer { margin-left: 22px; padding-right: 4px; padding-top: 17px; padding-bottom: 5px; } .facetCheckboxContainer { float: left; padding-left: 5px; padding-top: 8px; padding-bottom: 5px; min-height: 44px; } .programFacetContainer { padding-right: 7px; } .facetTitleContainer span { display: inline-block; padding-right: 5px; } .facetTitleContainer span.facetTitleWithCue { width: 124px; } .btnRefine { outline: none !important; } .surveysAndProgramsFacetContainer, .accordionTabContent .checkAllContainerDiv, .yearCheckAllContainerDiv, .accordionTabContent .subFacetContainerDiv, .accordionTabContent .subFacetCheckAllContainerDiv, .yearFacetContainerDiv { padding-left: 10px; padding-right: 10px; } .flyOutContentContainerDiv { clear: both; } /* Reposition elements affected by the sliding menu */ #facetedAppWrapper { position: relative; left: 0; transition: left 0.35s ease; margin-left: -209px; } #leftColumn { float: left; display: inline-block; height: auto !important; } #leftColumn.navbar-nav { float: none !important; margin: 7.5px -15px; } .navbar-collapse { display: block; margin: 0; transition: left 0.35s ease; width: 207px; } .navbar-collapse.collapsing { transition: left 0.35s ease; } .navbar-collapse.in { left: 0; width: 207px; } body.menu-slider.in { overflow-x: hidden; } body.menu-slider #facetedAppWrapper { transition: left 0.35s ease; } body.menu-slider.in #facetedAppWrapper { left: 232px; } .refineButtonContainer { float: right; } /******************************************/ @media (max-width: 1259px) and (min-width: 960px) { .accordionContainer { width: 150px; max-width: 150px; } .accordionFlyoutContent { left: 148px; } .facetTitleContainer span.facetTitleWithCue { width: 74px; } .facetTitleContainer span.mainFacetTitle { width: 108px; } #facetedAppWrapper { margin-left: 0; } body.menu-slider.in #facetedAppWrapper { left: 0; } .navbar-collapse { width: auto; } .refineButtonContainer { display: none; } } @media (min-width: 1260px) { .refineButtonContainer { display: none; } #facetedAppWrapper { margin-left: 0; } body.menu-slider.in #facetedAppWrapper { left: 0; } } @media (max-width: 992px) { #facetedAppWrapper { margin-left: -256px; } .navbar-collapse { width: 205px; } #facetedAppDiv #leftColumn { width: 225px; padding-left: 10px; margin-right: 25px; float: left; } #leftColumn { width: 100%; float: none; } .accordionContainer { width: 200px; } } .moreFewerContainerDiv { border-bottom: 2px solid #fff; border-top: 1px solid #aebcc3; background-color: #fff; font-size: 14px; color: #008392; padding-left: 23px; cursor: pointer; padding-top: 3px; padding-bottom: 3px; } #contentLoadingDiv { padding: 10px; width: 83%; float: right; } .facetContainer.hiddenFacet { display: none; } .facetContainer.unselectableFacet { opacity: 0.4; } #contentLoadingDiv h2 { text-align: center; } .whiteBackground { background-color: #fff; } .borderTop { border-top: 1px solid #ddd; } span.facetCount { width: auto; display: inline-block; padding: 3px 7px; border: 1px solid #008392; background-color: #008392; border-radius: 100%; color: #fff; font-weight: bold; } span.mainTopic { margin-right: 30px; } @media (min-width: 601px) { .facetContentContainer:hover .facetCount { background-color: #fff; color: #008392; border: 1px solid #fff; } .facetContentContainer:hover a { color: #fff !important; } .facetContentContainer a { color: #333; } .facetContentContainer:hover .facetResultsCount { color: #fff; } .facetTitleContainer .flyOutFacetResultsCount { color: #112e51; font-size: 9px; } .facetTitleContainer:hover .flyOutFacetResultsCount { color: #fff; } } .facetResultsCount { color: #112e51; font-size: 9px; } /*.facetContentContainer:hover { color: #fff !important; }*/ #yearFacetGroup { margin-bottom: 10px; } .topicAccordionContainer { margin-top: 0px; } .numResultsFound { font-weight: normal; font-size: 13px; } .bottomPagination { padding: 20px 0px 20px 0px; } /**The overlay stuff***/ .overlay { height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; background-color: rgb(0, 0, 0); /* Black fallback color */ background-color: rgba(0, 0, 0, 0.5); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 25%; /* 25% from the top */ width: 100%; /* 100% width */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ } /* The navigation links inside the overlay */ .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .closebtn { position: absolute; top: 5px; right: 22px; font-size: 3em !important; padding: 0; font-weight: bold; cursor: pointer; } #mobileSelectionHeader { background-color: #112e51; height: 54px; } #mobileSelectionHeader span { float: left; display: inline-block; } .mobileSelectionTitle { padding-top: 20px; padding-left: 19px; font-weight: bold; font-size: 1em; } .whiteColor { color: #fff; } .whiteBgColor { background-color: #fff; } .fillHeight { position: absolute; right: 0; height: 100%; background-color: #ddd; } .mobileResetButtonDiv { background-color: #ddd; text-align: center; padding-top: 20px; padding-bottom: 20px; } .btnReset { font-weight: bold; } .backArrow { cursor: pointer; } .grayAny, .grayedOut { color: #aaa !important; } #leftColumn a:hover { text-decoration: none; } .moreFewerContainerDiv a { color: #008392 !important; } .moreFewerContainerButton { padding: 0; border: 0; background: none; } .uscb-filter-panel li.topicsAccordion { padding: 0 0 0 1px; } @media (max-width: 600px) { #facetedSelectBox { min-width: 172px !important; width: 211px; } .accordionContainerMobile { margin-left: 50px; border: none !important; float: right; } .surveysAndProgrammInnerDiv { overflow-y: hidden; } .accordionContainer { margin-top: 0px; border-radius: 0px; } .headerTitle { background-color: #e7eaed; } .mobileProgramsTypeAheadContainer { padding: 7px !important; } .moreFewerContainerDiv, .facetContentContainer, .headerTitle { height: 63px; border-bottom: 1px solid #aebcc3; } .moreFewerContainerDiv { padding: 0; text-align: center; border-top: none; } .moreFewerContainerButton { vertical-align: middle; display: inline-block; margin-top: 17px; } .accordionContainer .headerTitle { padding: 18px; } .accordionContainerMobile { width: 285px; max-width: 285px; } .programsTypeAhead { height: 37px !important; } .facetTitleContainer span.facetTitleWithCue { width: 149px; } #yearFacetGroup { margin-bottom: 0; } .facetedSortOrderSelect { width: 164px; height: 36px; } } /*Added back to fix the desktop existing style*/ .uscb-filter-panel-chip { background-color: #008392; color: #fff; border-radius: 15px; float: left; margin-bottom: 3px; padding: 0 15px; height: 32px; } .uscb-filter-panel-chip .uscb-filter-panel-chip-remove { font-size: 1rem; cursor: pointer; margin: 0 0 0 14px; } .filter-close-div { margin-top: 10px; } .filter-close-div .o-cancel-1 { font-size: 1.63rem; } .uscb-filter-panel { border: thin solid #aebcc3; border-radius: 2px; color: #112e51; width: 224px; } .uscb-filter-panel .uscb-accordion-header, .uscb-filter-panel .cmp-accordion__item .cmp-accordion__header, .cmp-accordion__item .uscb-filter-panel .cmp-accordion__header { border-bottom: thin solid #aebcc3; } .uscb-filter-panel .uscb-checkbox-container { margin-bottom: 0; } .uscb-filter-panel .uscb-accordion_panel { padding: 0; } .uscb-filter-panel li { padding: 1rem 0.5rem; border-bottom: thin solid #aebcc3; } .uscb-filter-panel ul { margin: 0; } .uscb-filter-panel .uscb-accordion, .uscb-filter-panel .cmp-accordion__item { border: none; margin-bottom: 0; } /*Added for the accordion part/section*/ .uscb-accordion, .cmp-accordion__item { border-radius: 2px; min-height: 30px; margin-bottom: 10px; outline: none; border: thin solid #aebcc3; } .uscb-accordion-header, .cmp-accordion__item .cmp-accordion__header { background: #e7eaed; border-radius: 2px; min-height: 40px; cursor: pointer; position: relative; } .uscb-accordion-header .uscb-chevron-icon-img, .cmp-accordion__item .cmp-accordion__header .uscb-chevron-icon-img { position: absolute; top: 5px; } .uscb-accordion-header .uscb-chevron-icon-img.uscb-chevron-right-align, .cmp-accordion__item .cmp-accordion__header .uscb-chevron-icon-img.uscb-chevron-right-align { right: 5px; } .uscb-accordion_panel { padding: 0.5rem; } .uscb-accordion-show-panel { display: none; } .uscb-accordion-hr { height: 15px; margin: auto 0; border-color: #008392; } /*For each checkbox container*/ .uscb-filter-panel .uscb-checkbox-container { margin-bottom: 0; } .uscb-checkbox-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 1rem 0.5rem 1rem 43px; cursor: pointer; font-size: 0.875rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 0.3px; font-family: "Roboto Condensed", sans-serif; } .uscb-checkbox-container input { height: 15px; width: 15px; position: absolute; top: 15px; left: 8px; margin: 0; cursor: pointer; } .uscb-form-select { overflow: hidden; width: 276px; height: 36px; border-radius: 2px; border: thin solid #4b636e; background-position-x: calc(100% - 10px); background-position-y: calc(50% + 1px); background-size: 10px; background-repeat: no-repeat; background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: white; } .uscb-form-select select { border: 0; color: #112e51; background: transparent; padding: 2px 10px; width: 276px; height: 36px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*Add to sass*/ @media (max-width: 525px) { .btn-facet-filter { box-sizing: border-box; height: 34px; width: 100% !important; border: 1.5px solid #076c79; } .uscb-form-select select { width: 100%; } #facetedSelectBox { width: 211px; /* width: 100%; */ } .sort-by-wrapper { padding-left: 0; padding-right: 0; } } .topSectionContent { padding-bottom: 20%; } .show-results-btn-div { display: none; } .facet-controller-div { width: 100% !important; } .secondLevelFacetGroupWrapper { min-height: 52px; padding-left: 20px; position: relative; } /*REFRESH_ASSESS done*/ /*TODO_REFRESH del visualdetailpage: entire stylesheet*/ #visualSources .listContent h3 { /*font-family: RobotoCondensed-Bold;*/ font-family: 'Roboto', sans-serif; font-size: 20px !important; color: #112E51; } #visualSources .listContent a, #visualSources .listContent .attachmentSize { /*font-family: Roboto-Regular;*/ font-size: 14px; color: #008392 !important; letter-spacing: 0; line-height: 22px; text-transform: none; } #vdetailSources .mapsource p { font-family: inherit; font-size: 14px; /*color: #008392 !important;*/ letter-spacing: 0; line-height: 22px; text-transform: none; } #vdetailSources .mapsource p a { text-transform: none; font-size: 14px; color: #008392 !important; letter-spacing: 0; line-height: 22px; text-transform: none; } /*REFRESH_ASSESS done*/ #dropDownButton { color: teal; } /*REFRESH_ASSESS done*/ /* Styling for tables added to text and image component */ .uscb-text-image-text table tbody tr th { background: #F1F3F5 !important; font-size: 0.8125rem; color: #000000; border: none !important; line-height: 15px; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; word-break: normal; } .uscb-text-image-text table thead tr th { background: #F1F3F5 !important; font-size: 0.8125rem; color: #000000; border: none !important; line-height: 15px; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; word-break: normal; } .uscb-text-image-text table tbody tr td { font-size: 12px; color: #000000; word-break: normal; } .uscb-text-image-text table { border-collapse: collapse; border: none !important; font-family:"Roboto"; } .uscb-text-image-text table td { border-bottom: 1px solid #AEBCC3; border-right: 1px solid #AEBCC3; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; } .uscb-text-image-text table tr:first-child td { border-top: 0; } .uscb-text-image-text table tr td:first-child { border-left: 0; } .uscb-text-image-text table tr:last-child td { border-bottom: 0; } .uscb-text-image-text table tr td:last-child { border-right: 0; } .uscb-text-image-text table tbody tr th p { font-size:0.8125rem; } .textimage ul li { margin-bottom: 10px; } #showMoreCards, #showLessCards { font-weight: bold; padding-bottom: 10px; padding-top: 10px; color: #0095A8; } #showMoreCards:hover, #showLessCards:hover { cursor: pointer; text-decoration: underline; } #showMoreCards.isDisabled, #showLessCards.isDisabled { color: #78909C !important; font-weight: normal !important; cursor: auto; } #showMoreCards.isDisabled:hover, #showLessCards.isDisabled:hover { text-decoration: none; } #showMoreCards.isActive, #showLessCards.isActive { font-weight: bold; padding-bottom: 10px; padding-top: 10px; color: #0095A8; } /*Used for three-feature component*/ @media screen and (max-width: 576px) { .uscb-title-hr { display: none; } .uscb-margin-LR-three-feature-title { margin-left: 13px; margin-right: 13px; } .uscb-light-border-bottom-1 { border-bottom: 1px solid #78909C; } .uscb-feature-item-sm { box-sizing: border-box; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-left: 0; padding-right: 0; } .uscb-margin-LR-three-feature-title { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 576px) { .uscb-three-feature-img { max-height: 190px; } } @media screen and (min-width: 576px) { .uscb-three-feature-item-wrapper-lg { margin-top: 46px; } } /*Used for three feature tile and hr left margin*/ @media screen and (min-width: 1200px) { .uscb-margin-LR-three-feature-title { margin-left: 75px; margin-right: 75px; } } /*The ff below is for country and state selector*/ .uscb-country-item-close, .uscb-state-item-close { position: absolute; width: 34px; margin-top: 2px; right: 4%; cursor: pointer; } .uscb-input-box-icon { position: absolute; left: 0; width: 24px !important; height: 24px !important; margin-left: 5px !important; margin-top: 5px !important; } .uscb-download-button { color: #fff !important; white-space: normal; width: 319px; margin-top: 10px; } .ui-menu-item:hover { padding: inherited !important; } .uscb-geo-level { color: #4b636e; font-style: italic; padding-top: 0; padding-right: 10px; } .uscb-aem-web-page-geo-level { color: #4b636e; font-style: italic; cursor: pointer; } #data-uscb-country-selector .left, #data-uscb-state-list-selector .left { float: left; width: 190px; margin: 5px; margin-top: 0px; padding-right: 5px; display: inline-block; } .uscb-no-show-attachment-file-size, .uscb-hide-icon, .uscb-no-show-attachment, .uscb-no-attachment-left-padding { display: none; } .uscb-show-icon, .uscb-show-attachment-file-size { display: inline-block; } .uscb-attachment-left-padding, .uscb-file-size { color: #4b636e; font-style: normal; font-size: 10px; } .uscb-attachment-left-padding { padding-left: 5px; } .uscb-show-attachment { display: inline-block; } .uscb-country-selector-icon, .uscb-country-list-icon, .uscb-state-list-icon { width: 16px; height: 16px !important; margin-right: 5px !important; } .uscb-alpha-table-div { padding-bottom: 15px; margin-bottom: 20px; } #data-uscb-state-list .uscb-geo-list li, #data-uscb-country-list .uscb-geo-list li { font: normal small Arial, Verdana; color: #041C5D; width: 180px; } ul.uscb-geo-list li a:visited { color: #4F3A74; } /*Testing to remove the glass image for hover state*/ ul.ui-autocomplelete li.ui-menu-item a.ui-state-focus { background: url('') !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-menu-item, .ui-menu-item:hover, .ui-menu-item a, .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a { background: #ffffff none no-repeat; padding: 0; margin: 0; display: block; border: 0; border-collapse: collapse; top: 36px !important; } .ui-autocomplete, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-autocomplete:hover{ background: #ffffff none no-repeat; padding: 0; margin: 0; display: block; border: 0; border-collapse: collapse; top: 36px ; } .ui-autocomplete, .ui-autocomplete:hover { background: #ffffff none no-repeat; padding: 0; margin: 0; display: block; border: 0; border-collapse: collapse; top: 36px !important; } .ui-menu .ui-menu-item { padding-left: 0px; } .ui-menu .ui-menu-item a { padding: 0 15px !important; font-size: 0.875rem; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal; margin: 0 !important} .ui-corner-all { border: none; } .statelist .ui-autocomplete-input::-ms-clear, .countryselector .ui-autocomplete-input::-ms-clear { display: none !important; } @media screen and (max-width: 576px) { .uscb-country-item-close { right: 8%; } } /*The following below is for tabbed list*/ .uscb-list-filter-mobile { background: #FFFFFF; border: 1px solid #4B636E; border-radius: 2px; height: 36px; } .uscb-list-filter-mobile .uscb-layout-row { height: 36px; } .uscb-list-filter-mobile .uscb-icon-button { min-width: auto; padding: 0px 20px; } .uscb-dropdown-container { min-width: 276px; width: 100%; height: 36px; background: #FFFFFF; border: 1px solid #4B636E; border-radius: 2px; } .uscb-form-dropdown { display: inline-block; position: relative; z-index: 1000; } .uscb-form-dropdown-button { font-size: 0.875em; letter-spacing: 0; font-family: "Roboto", sans-serif; line-height: 16px; position: absolute; top: 11px; margin-left: 15px; min-width: 100px; color: #112e51; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .uscb-form-dropdown-button-chevron { position: absolute; right: 0; top: 2px; padding-right: 10px; } .uscb-form-dropdown ul { position: absolute; z-index: 1000; width: 100%; top: 37px; left: 0; margin-top: 0; max-height: 300px; background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(17, 46, 81, 0.12); box-shadow: 0 0 8px 0 rgba(17, 46, 81, 0.12); border-radius: 2px; overflow-y: auto; overflow-x: hidden; } .uscb-form-dropdown ul li { font-size: 0.875em; letter-spacing: 0; font-family: "Roboto", sans-serif; line-height: 16px; color: #112e51; padding: 10px 12px; } .uscb-form-dropdown ul li:hover { background-color: #e7eaed; cursor: default; } /*The following below is for landing page list*/ .uscb-landing-page-gallery { } @media screen and (max-width: 576px) { .uscb-landing-page-list-mobile { padding: 0; } .uscb-list-item-container { padding-left: 0; padding-right: 0; } } /*The following below is for Census Image*/ @media screen and (max-width: 576px) { .uscb-census-image-mobile img { width: 100%; } } .uscb-census-image-mobile img { max-height: 100%; max-width: 100%; } .uscb-link-no-hover:hover { text-decoration: none; } /*For faceted page*/ .o-close-1.uscb-h2 { font-size: 16px; margin: 0px 5px; cursor: pointer; } .uscb-state-list-left { float: left; width: 190px; margin: 5px; margin-top: 0px; padding-right: 5px; display: inline-block; } ul.uscb-state-list-left li { padding: 5px 0 2px 0; text-indent: 0; } /**For three feature pages*/ @media screen and (min-width: 992px) { .uscb-height-gt-lg-65{ min-height: 65px !important; } .uscb-description-text-alignment { text-align: center; } .uscb-padding-LR-three-feature { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (max-width: 991.98px) { .uscb-height-lg-80 { min-height: 80px !important; } .uscb-description-text-alignment { text-align: center; } .uscb-padding-LR-three-feature { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (max-width: 767.98px) { .uscb-height-md-125 { min-height: 125px !important; } } @media screen and (min-width: 768px) { .uscb-height-gt-md-100 { min-height: 100px !important; } } @media screen and (max-width: 575.98px) { .uscb-height-sm-auto { min-height: auto !important; } .uscb-description-text-alignment { text-align: left; } .uscb-padding-LR-three-feature { padding-left: 0px !important; padding-right: 0px !important; } } .uscb-text-height-80 { min-height: 80px; } /*Country selector*/ /*.uscb-geo-level { position: relative; padding-left: 10px; padding-top: 0px; }*/ /*Increasing the line height when wrapping for tabs*/ .uscb-tab .uscb-tabs-link { line-height: 20px; } .uscb-tab-menu:hover { cursor: pointer; } /*Added for FeaturedList mobile view*/ @media screen and (max-width: 575.98px) { .uscb-height-sm-180 { height: 180px !important; } } @media screen and (max-width: 767.98px) { .uscb-height-md-180 { height: 180px !important; } } /*Added for FeaturedList tablet view*/ @media screen and (max-width: 960px) { .list .uscb-feature-list .uscb-height-md-180 { height: 180px !important; } } /**Added for Language Selector*/ .uscb-lang-outer-box { display: table; } .uscb-lang-inner-box { display: table-cell; vertical-align: middle; } /**Added for contextual navgiation block clickable*/ .data-uscb-related-pages.uscb-flex-row-33 { min-width: 33%; } .uscb-link-hover { cursor: pointer; } .uscb-off-link-hover { cursor: auto; } @media (min-width: 601px) and (max-width: 960px) { .uscb-hidden-md-960 { display: none !important; } } @media screen and (max-width: 576px) { .uscb-flex-basis-auto-children div { flex-basis: auto; } } @media screen and (max-width: 960px) { #leftColumn #breadContainer { display: block !important; } } @media screen and (max-width: 960px) { .uscb-width-md-100 { width: 100% !important; } } @media screen and (max-width: 576px) { .uscb-lang-dropdown { min-width: inherit; } #leftColumn .uscb-lang-dropdown { width: inherit; min-width: 200px; } } /* Originally only used as an element anchor point, now has actual styling */ .data-uscb-related-pages { flex-basis: auto; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(census-pattern-library/resources/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } /*for country selector*/ .uscb-geographic-area-level { position: absolute; margin-top: 11px; right: 9%; cursor: pointer; font-style: italic; } /*for faceted*/ .uscb-cursor-pointer { cursor: pointer; } /*for state list and country-selector - clear the 'X' symbol that gets added to autocomplete fields in IE*/ .uscb-dropdown-container input.tags::-ms-clear { display: none; } /* for List and Facet List components loading indicators */ .listContent .uscb-loading-circular-indeterminate, .listContent .uscb-loading-circular-indeterminate-IE, #uscb-facet-list-loading-indicator, #uscb-form-loading-indicator, #uscb-categories-loading-indicator, #uscb-categories-loading-indicator-mobile, #uscb-comments-loading-indicator, #uscb-comment-remove-loading-indicator, #uscb-comment-reply-loading-indicator, #uscb-comment-edit-loading-indicator, #uscb-link-list-loading-indicator { margin: 40px auto; display: none; } /* for banner alert loading indicator */ #uscb-info-banner-loader { display: none; } @media (min-width: 1280px) { #uscb-info-banner-loader { margin-left: calc(-100vw / 2 + 1280px / 2); margin-right: calc(-100vw / 2 + 1280px / 2); width: auto; } } @media screen and (min-width: 1280px) and (-ms-high-contrast: active), screen and (min-width: 1280px) and (-ms-high-contrast: none) { #uscb-info-banner-loader { width: 120%; } } /* for search type ahead loading indicator */ .uscb-header-search .uscb-loading-linear-indeterminate { position: absolute; bottom: 0; z-index: 1000000; display: none; } /*END - These are not patterns*/ @media screen and (max-width: 1259px) { .uscb-hide-1259 { display: none !important; } } @media screen and (max-width: 960px) { .uscb-float-none-960 { float: none !important; } } .uscb-banner-hero { height: 50vh; max-height: 1080px; background-repeat: no-repeat; background-size: cover; } .uscb-banner-hero .uscb-banner-hero-mobile-image-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-repeat: no-repeat; background-size: cover; } .uscb-banner-hero-icon-scroll { position: absolute; bottom: 0; left: calc(50% - 12px); } @media screen and (max-width: 1200px) { .uscb-banner-hero:not(.uscb-banner-hero-mobile) .uscb-banner-hero-text-container h1 { font-size: 2.5rem; } } @media screen and (max-width: 576px) { .uscb-banner-hero { height: calc(100vh - 96px); } } @media screen and (max-width: 575.98px) { .threefeatures .uscb-description-text-alignment { text-align: center; } } .o-mail-1 { position: relative; top: 2px; } #sectionTitleRow::before, #sectionTitleRow::after { display: none; } .uscb-stateitem { border-left: 5px solid transparent !important; } .uscb-stateitem.ui-state-focus { background: #e7eaed !important; border-left: 5px solid #ff5622 !important; } .stateMenuItem, .geographyMenuItem { border-left: none !important; } .stateMenuItem:hover, .geographyMenuItem:hover { border: none !important; background: inherit !important; } .uscb-visual-list { display: inline-block; } .uscb-list-item-container .uscb-list-metadata, .uscb-list-item-container .uscb-list-metadata span, #facetedListArticles .uscb-list-metadata, #facetedListArticles .uscb-list-metadata span { font-size: 12px !important; } .uscb-list-item-container .uscb-light-teal-hr { margin: 12px 0; } .uscb-bg-primary-light { background-color: #e7eaed !important; } .uscb-tile-spacer { height: calc(100% - 41px); float: right; } .listTile .uscb-nav-button-container > .uscb-icon-button { position: static; float: right; clear: right; margin-left: 5px; margin-top: 5px; } .listTile .uscb-featured-list-title { position: static; } .uscb-featured-list-cover { position: absolute; bottom: 0; height: 11px; width: 100%; background-color: white; } div.abstract.textimage { min-height: 310px; } .uscb-overflow-auto { overflow: auto; } /* Temp fix to expand width of images in SIS tiles only */ .sisPage .uscb-featured-list-container img { min-width: 100%; } #RatingTool_textarea { top: 6px !important; } .embeddableimage.imagecore .embeddable-image-container img { max-width: 950px; } .uscb-margin-L-R--15{ margin: 0 15px; } .ratingtool_div { z-index: 9999 !important; } .uscb-tabs .uscb-tab-menu { min-width: 56px; } /* Embed core broadcast iframe heights*/ .uscb-embed-broadcast { height: 430px; } @media screen and (max-width: 1024px) { .uscb-embed-broadcast { height: 340px; } } @media screen and (max-width: 577px) { .uscb-embed-broadcast { height: 210px; } } /* Embed core tableau iframe heights*/ .uscb-embed-tableau { height: 430px; } @media screen and (max-width: 1024px) { .uscb-embed-tableau { height: 340px; } } @media screen and (max-width: 577px) { .uscb-embed-tableau { height: 210px; } } .uscb-image-title-overflow { height: 48%; } .uscb-file-size-table { min-width: 70px; font-weight: normal; text-align: right; } .uscb-display-table { display: table; } .stateMenuItem.ui-menu-item { padding: 0px 0px; top: 0px !important; } .stateMenuItem.ui-menu-item a, .stateMenuItem.ui-menu-item a:hover { top: 0px !important; } .uscb-min-width-80 { min-width: 80px !important; } .uscb-text-decoration-some { text-decoration: none !important; } .uscb-text-decoration-some:hover .uscb-attachment-item { text-decoration: underline; } .uscb-attachment-size:hover { text-decoration: none; } .uscb-fixed-grid-box { border: none; } @media screen and (max-width: 768px) { .uscb-fixed-grid-box { margin: 1px 0; } .uscb-fixed-grid-L-T { margin-top: 0; } } @media screen and (min-width: 769px) { .uscb-fixed-grid { height: 652px; width: 100%; display: flex; flex-direction: row; margin: 30px 0; } .uscb-fixed-grid-box { -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.1); } .uscb-fixed-grid-gap-H { width: 100%; height: 28px; } .uscb-fixed-grid-gap-V { width: 28px; height: 100%; } .uscb-fixed-grid-L { width: 65.9375%; height: 100%; } .uscb-fixed-grid-R { width: 31.875%; height: 100%; } .uscb-fixed-grid-L-T { width: 100%; height: 73.03846%; } .uscb-fixed-grid-L-B { width: 100%; height: 22.96154%; display: flex; flex-direction: row; } .uscb-fixed-grid-L-B-L { width: 48.34123%; height: 100%; } .uscb-fixed-grid-L-B-R { width: 48.34123%; height: 100%; } .uscb-fixed-grid-R-T { width: 100%; height: 27%; } .uscb-fixed-grid-R-B { width: 100%; height: 69%; } /* TODO: Need to get rid of this somehow */ .uscb-fixed-grid-box .uscb-feature-list--feature { min-height: 476px; padding-right: 0; } } .uscb-fixed-grid-box .promospace, .uscb-fixed-grid-box .uscb-promo, .uscb-fixed-grid-box .uscb-promo-bg { width: 100% !important; height: 100% !important; } .uscb-fixed-grid-box .responsiveiframe { overflow: hidden; } @media (min-width: 960px) { .uscb-adjustment-share-icons { width: 5%; } } @media (min-width: 960px) { .uscb-adjustment-right-rail { width: 20%; padding-right: 0; } } @media (min-width: 960px) { .uscb-adjustment-visual-last-modified { width: 78.33333333%; } } @media (min-width: 1260px) { .container-fluid .uscb-full-width { margin-left: calc(-100vw / 2 + 1260px / 2) !important; margin-right: calc(-100vw / 2 + 1260px / 2) !important; } } @media (min-width: 960px) and (max-width: 1259px) { .container-fluid .uscb-full-width { margin-left: calc(-100vw / 2 + 960px / 2) !important; margin-right: calc(-100vw / 2 + 960px / 2) !important; } } @media (max-width: 959px) { .container-fluid .uscb-full-width { margin-left: -7px !important; margin-right: -7px !important; } } .responsiveiframe { height: 100%; } /* This is to fix the IE bug with flexboxes centering. Just goign to add some padding to make it look centered when only 1 line of text is present. */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .uscb-banner-alert-content { padding-top: 2px; } } /*Add CSS for event calendar component here. The CSS selectors need to be specific to event calendar component for e.g, do not use CSS selector like body { //This is too broad... } as this will affect the whole web site. */ /* sociallinks.css */ .uscb-social-link-icon { font-size: 0.875rem; padding-right: 10px; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; background: url("../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/closeButtonRegular.jpg") no-repeat; background-size: 8px; background-position: center; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #77d5f7; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url("census-css/resources/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #2191c0 url("census-css/resources/images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; } .ui-widget-header a { color: #eaf5f7; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #77d5f7; background: #0078ae url("census-css/resources/images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #ffffff; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #448dae; background: #79c9ec url("census-css/resources/images/ui-bg_glass_75_79c9ec_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #026890; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #026890; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #acdd4a; background: #6eac2c url("census-css/resources/images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #acdd4a; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcd113; background: #f8da4e url("census-css/resources/images/ui-bg_glass_55_f8da4e_1x400.png") 50% 50% repeat-x; color: #915608; } .ui-state-checked { border: 1px solid #fcd113; background: #f8da4e; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #915608; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #e14f1c url("census-css/resources/images/ui-bg_gloss-wave_45_e14f1c_500x100.png") 50% top repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("census-css/resources/images/ui-icons_0078ae_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("census-css/resources/images/ui-icons_d8e7f3_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("census-css/resources/images/ui-icons_056b93_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("census-css/resources/images/ui-icons_f5e175_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("census-css/resources/images/ui-icons_f7a50d_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("census-css/resources/images/ui-icons_fcd113_256x240.png"); } .ui-button .ui-icon { background-image: url("census-css/resources/images/ui-icons_e0fdff_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 5px 5px 0px #999999; box-shadow: 5px 5px 0px #999999; } /* Add override styles for full width components to negate main root grid margins */ /* .uscb-root-responsivegrid .universalheader, .uscb-root-responsivegrid .universalfooter, .uscb-root-responsivegrid .campaignheader, .uscb-root-responsivegrid .bannerherocta, .uscb-root-responsivegrid .bannerimage, .uscb-root-responsivegrid .bannerhublanding, .uscb-root-responsivegrid .bannerhubdetail, .uscb-root-responsivegrid .banneralert, .uscb-root-responsivegrid .background, .uscb-root-responsivegrid .fixedgridlayout, .uscb-root-responsivegrid .list .uscb-feature-list, .uscb-root-responsivegrid .bannertext { width: calc(100% + 30px) !important; margin: 0 -15px; } */ /* overrides for feature lists within a fixedgridlayout */ /* .uscb-root-responsivegrid .fixedgridlayout .list .uscb-feature-list { width: 100% !important; margin: 0; } */ /* Add margin to main root grid */ /* .uscb-root-responsivegrid { margin: 0 15px; } */ .cmp-info-panel { border: 1px solid #008392; border-radius: 5px; font-family: Arial,Verdana,sans-serif; } .cmp-info-panel__geo-description, .cmp-naics_header { background-color: #112E51; padding: 7px 5px 7px 10px; text-align: left; color: #fff; font-size: 27.3px; margin-left: -1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cmp-info-panel__geo-row { padding: 3px 3px 5px; } .cmp-info-panel__geo-row:not(:last-child) { border-bottom: 1px solid #c9d0d3; } .cmp-info-panel__geo-row-title { color: #112e51; } .cmp-info-panel__geo-row-value { font-family: Arial,Verdana,sans-serif; } .cmp-info-panel__geo-row-source { color: #008392; } .cmp-naics { border: 1px solid #008392; border-radius: 5px; font-family: Arial,Verdana,sans-serif; } .infopanel .cmp-naics#cmp-naicsGroup { margin-bottom: 20px; } #cmp-naics__body { margin: 10px 8px 0; } .cmp-naics_link { color: #008392; } .cmp-naics_firstLink { min-width: 25%; } .cmp-naics_more { border-top: 1px solid #c9d0d3; padding: 10px 3px 5px 10px; } .cmp-naics_description { max-width: 60%; color: #112e51; line-height: normal; } #cmp-info-panel__toolTip { background-color: #f1f3f5; height: 170px; width: 455px; max-width: 455px; font-size: small; } .cmp-info-panel__toolTipLink { cursor: pointer; padding: 10px 5px 3px 4px; color: #008392; font-size: 13px; border-bottom: 1px solid #f1f3f5; margin: 0 10px; } .infoPanelAnnotationTooltipWidget .ui-icon { background-image: url('../../../etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/ui-icons_222222_256x240.png'); } .infoPanelAnnotationTooltipWidget .ui-dialog-title { color: #222; } @media screen and (max-width: 992px) { .cmp-info-panel__geo-description, .cmp-naics_header { padding: 0 0 10px 10px; border-radius: 0; background-color: #e4e8eb; border: 1px solid #c9d2d7; color: #112E51; font-size: 16px; } .cmp-info-panel { border: none; border-radius: 0; } .cmp-naics { border: none; padding-bottom: 0; } .infopanel .cmp-naics#cmp-naicsGroup { margin-bottom: 0; } } .cmp-naics__toggle.accordion-toggle.collapsed, .cmp-info-panel__toggle.accordion-toggle.collapsed { padding-bottom: 10px; } /* census list filters */ /*.uscb-list-filter-wrap, .search-filter-wrapper { margin-top: 32px; }*/ .uscb-list-filter-wrap:after { display: block; clear: both; content: ''; } .uscb-list-filter-group { float: left; margin-right: 6px; } .uscb-list-filter-group { position: relative; margin-bottom: 6px; } .uscb-list-filter-group.uscb-list-filter-open { z-index: 999994; } .uscb-list-filter-group.uscb-list-filter-open .uscb-list-filter-group-toggle { padding-bottom: 2px; border-bottom: 0; border-color: #008392; } .uscb-list-filter-group [type='checkbox'] { position: absolute; width: 1px; height: 1px; padding: 0; border-width: 0; white-space: nowrap; overflow: hidden; clip: rect(0, 0, 0, 0); } .uscb-list-filter-group [type='checkbox']+label { display: block; margin-left: 26px; cursor: pointer; } .uscb-list-filter-group [type='checkbox']+label:before { display: inline-block; width: 14px; height: 14px; margin: 0 12px 0 -26px; border: 1px solid rgba(51, 51, 51, 0.25); background: #fff no-repeat center center; content: ''; vertical-align: middle; } .uscb-list-filter-group [type='checkbox']:checked+label:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='650' height='650' viewBox='50 50 650 650'%3E%3Cpolygon fill='%23fff' stroke='transparent' stroke-width='0' points='254.5,653.8 50,392.6 149.7,314.5 263.6,459.9 608,96.2 700,183.3'/%3E%3C/svg%3E"); border-color: transparent; background-color: #007e8f; background-size: 10px; } .uscb-list-filter-group [type='checkbox']:focus+label:before { border-color: #008392; -webkit-box-shadow: 0 0 5px 0 #007e8f; box-shadow: 0 0 5px 0 #007e8f; } .uscb-list-filter-header { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; font-family: "Roboto", sans-serif; } .uscb-list-filter-group-toggle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='650' height='650' viewBox='50 50 650 650'%3E%3Cpath fill='%23767676' stroke='transparent' stroke-width='0' d='M684.6,201.6c-20.6-20.6-53.9-20.6-74.4,0L375,436.8L139.8,201.6c-20.6-20.6-53.9-20.6-74.4,0 s-20.6,53.9,0,74.4l272.4,272.4c10.3,10.3,23.7,15.4,37.2,15.4s26.9-5.1,37.2-15.4L684.6,276C705.1,255.5,705.1,222.2,684.6,201.6z' /%3E%3C/svg%3E"); font-family: "Roboto", sans-serif; display: inline-block; padding: 0 40px 0 16px; -webkit-transition: border-color 0.5s; -o-transition: border-color 0.5s; transition: border-color 0.5s; border: 2px solid rgba(51, 51, 51, 0.25); background-color: #fff; background-repeat: no-repeat; background-position: center right 16px; background-size: 12px; color: #008392; font-size: 0.9375rem; font-weight: 700; line-height: 2.875rem; white-space: nowrap; width: 100%; } .uscb-list-filter-group-toggle:hover, .uscb-list-filter-group-toggle:focus { border-color: #008392; color: #008392; text-decoration: none; } .uscb-list-filter-group-container { position: absolute; top: 100%; right: 0; left: 0; border: 2px solid #007e8f; border-top: 0; background: #fff; font-size: 0.75rem; } .uscb-list-filter-group-content { padding: 16px 16px; } .uscb-list-filter-group-content p { margin-top: 0; margin-bottom: 1rem; } .uscb-list-filter-group-content p:last-child { margin-bottom: 0; } .uscb-list-filter-group-container-long:before { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 44px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.5)), to(#fff)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 30%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 30%, #fff 100%); content: ''; } .uscb-list-filter-group-container-long .uscb-list-filter-group-content { max-height: 435px; overflow: auto; } .uscb-list-filter-group-container-long .uscb-list-filter-group-content p:last-child { margin-bottom: 44px; } .uscb-list-filter-selected { margin-top: 16px; } .uscb-list-filter-selected:after { display: block; clear: both; content: ''; } .uscb-list-filter-selected label, .uscb-list-filter-selected [type='reset'] { float: left; margin: 0 6px 6px 0; padding: 10px 16px; border-color: #008392; font-size: 0.75rem; text-transform: none; -webkit-box-shadow: none; box-shadow: none; } .uscb-list-filter-selected label:after, .uscb-list-filter-selected [type='reset']:after { display: inline-block; background-repeat: no-repeat; background-position: center center; position: static; margin-left: 16px; border-radius: 0; content: ''; vertical-align: middle; } .uscb-list-filter-selected label { background: #007e8f; color: #fff; cursor: pointer; } /*.uscb-list-filter-selected label:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='650' height='650' viewBox='50 50 650 650'%3E%3Cpolygon fill='%23fff' stroke='transparent' stroke-width='0' points='700,589.9 468.5,358.5 666.9,160.1 573.4,66.5 375,264.9 176.6,66.5 83.1,160.1 281.5,358.5 50,589.9 143.5,683.5 375,452 606.5,683.5 '/%3E%3C/svg%3E"); width: 7px; height: 7px; background-size: 7px; line-height: 7px; }*/ .uscb-list-filter-selected label:hover, .uscb-list-filter-selected label:focus { border-color: #008392; background: #008392; -webkit-box-shadow: none; box-shadow: none; } /*.uscb-list-filter-selected [type='reset'] { border-color: #008392; color: #008392; -webkit-box-shadow: none; box-shadow: none; }*/ /*.uscb-list-filter-selected [type='reset']:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='650' height='650' viewBox='50 50 650 650'%3E%3Cpolygon fill='%23007e8f' stroke='transparent' stroke-width='0' points='700,589.9 468.5,358.5 666.9,160.1 573.4,66.5 375,264.9 176.6,66.5 83.1,160.1 281.5,358.5 50,589.9 143.5,683.5 375,452 606.5,683.5 '/%3E%3C/svg%3E"); width: 7px; height: 7px; background-size: 7px; line-height: 7px; opacity: 1; }*/ /*.uscb-list-filter-selected label::after, .uscb-list-filter-selected [type="reset"]::after { display: inline-block; background-repeat: no-repeat; background-position: center center; position: static; margin-left: 16px; border-radius: 0; content: ''; vertical-align: middle; }*/ /*.uscb-filter-button::after { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; display: block; width: auto; height: auto; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; border-radius: 32px; background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, transparent), color-stop(50%, rgba(0, 0, 0, 0.1))); background: -o-linear-gradient(top left, transparent 50%, rgba(0, 0, 0, 0.1) 50%); background: linear-gradient(to bottom right, transparent 50%, rgba(0, 0, 0, 0.1) 50%); content: ''; opacity: 1; z-index: 1; pointer-events: none; }*/ .uscb-button-small { padding: 10px 14px; border-radius: 24px; font-size: 0.6875rem; line-height: 1.15; } .uscb-filter-button { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; font-family: "Roboto", sans-serif; position: relative; display: inline-block; padding: 18px 37px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border: 3px solid transparent; border-radius: 32px; line-height: 1.15; text-align: center; text-decoration: none; -webkit-box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.18); cursor: pointer; z-index: 1; } /*.uscb-filter-button:hover, .uscb-filter-button:focus { background: #fff; }*/ .uscb-list-filter-group [type="checkbox"]+label::before { display: inline-block; width: 14px; height: 14px; margin: 0 12px 0 -26px; border: 1px solid rgba(51, 51, 51, 0.25); background: #fff no-repeat center center; content: ''; vertical-align: middle; } .uscb-list-filter-group-container { font-size: 0.75rem; } .uscb-list-filter-group-content p { font-family: "Gotham", sans-serif; font-size: 0.75rem; } .uscb-clear-all-button { background-color: #fff; } @media (max-width: 768px) { .uscb-list-filter-group-toggle { width: 100%; display: inline-block; padding: 0 40px 0 16px; border: 2px solid rgba(51, 51, 51, 0.25); background-color: #fff; background-position: center right 16px; background-size: 12px; color: #008392; font-size: 0.9375rem; font-weight: 700; line-height: 2.875rem; white-space: nowrap; } .uscb-list-filter-group { width: 100%; } .uscb-filter-button { width: auto; min-width: auto; } } /*REFRESH_ASSESS done*/ /* Styling for tables added to text and image component */ .herotextimage table tbody tr th { background: #F1F3F5 !important; font-size: 0.8125rem; color: #000000; border: none !important; line-height: 15px; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; word-break: normal; } .herotextimage table thead tr th { background: #F1F3F5 !important; font-size: 0.8125rem; color: #000000; border: none !important; line-height: 15px; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; word-break: normal; } .herotextimage table tbody tr td { font-size: 12px; color: #000000; word-break: normal; } .herotextimage table { border-collapse: collapse; border: none !important; font-family:"Roboto"; } .herotextimage td { border-bottom: 1px solid #AEBCC3; border-right: 1px solid #AEBCC3; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; } .herotextimage table tr:first-child td { border-top: 0; } .herotextimage table tr td:first-child { border-left: 0; } .herotextimage table tr:last-child td { border-bottom: 0; } .herotextimage table tr td:last-child { border-right: 0; } .herotextimage table tbody tr th p { font-size:0.8125rem; } /* for List and Facet List components loading indicators */ .listContent .uscb-loading-circular-indeterminate, .listContent .uscb-loading-circular-indeterminate-IE, #uscb-facet-list-loading-indicator, #uscb-form-loading-indicator, #uscb-categories-loading-indicator, #uscb-categories-loading-indicator-mobile, #uscb-comments-loading-indicator, #uscb-comment-remove-loading-indicator, #uscb-comment-reply-loading-indicator, #uscb-comment-edit-loading-indicator, #uscb-link-list-loading-indicator { margin: 40px auto; display: none; } /* for banner alert loading indicator */ #uscb-info-banner-loader { display: none; } @media (min-width: 1280px) { #uscb-info-banner-loader { margin-left: calc(-100vw / 2 + 1280px / 2); margin-right: calc(-100vw / 2 + 1280px / 2); width: auto; } } @media screen and (min-width: 1280px) and (-ms-high-contrast: active), screen and (min-width: 1280px) and (-ms-high-contrast: none) { #uscb-info-banner-loader { width: 120%; } } /* for search type ahead loading indicator */ .uscb-header-search .uscb-loading-linear-indeterminate { position: absolute; bottom: 0; z-index: 1000000; display: none; } /*Test adding loading indicator here*/ .uscb-loading-linear-determinate { height: 4px; width: 100%; background-color: #ffe2d9; } .uscb-loading-linear-determinate .uscb-loading-linear-determinate-bar { height: 100%; width: 0%; background-color: #ff5622; } .uscb-loading-linear-determinate-percent { height: 16px; background-color: #f1f3f5; } .uscb-loading-linear-determinate-percent .uscb-loading-linear-determinate-percent-bar { height: 100%; width: 0%; display: inline-block; background-image: -webkit-gradient(linear, left top, right top, from(#008392), to(#112e51)); background-image: -webkit-linear-gradient(left, #008392, #112e51); background-image: -o-linear-gradient(left, #008392, #112e51); background-image: linear-gradient(to right, #008392, #112e51); } .uscb-loading-linear-determinate-percent .uscb-loading-linear-determinate-percent-label { height: 100%; display: inline-block; vertical-align: top; color: white; padding: 0 5px; font-size: 10px; font-weight: bold; line-height: 16px; } .uscb-loading-linear-indeterminate { height: 4px; width: 100%; overflow: hidden; background-color: #ffe2d9; } .uscb-loading-linear-indeterminate .uscb-loading-linear-bar-1 { height: 100%; width: 10%; position: relative; background-color: #ff5622; -webkit-animation: uscb-loading-linear-bar-1-width 3s cubic-bezier(0.6, 0.1, 0.5, 0.5) infinite, uscb-loading-linear-bar-1-left 3s cubic-bezier(0.75, 0.25, 0.25, 0.75) infinite; animation: uscb-loading-linear-bar-1-width 3s cubic-bezier(0.6, 0.1, 0.5, 0.5) infinite, uscb-loading-linear-bar-1-left 3s cubic-bezier(0.75, 0.25, 0.25, 0.75) infinite; } .uscb-loading-linear-indeterminate .uscb-loading-linear-bar-2 { height: 100%; width: 10%; position: relative; left: -10%; top: -4px; background-color: #ff5622; -webkit-animation: uscb-loading-linear-bar-2 3s cubic-bezier(0.5, 0.5, 0.2, 0.8) 1.5s infinite; animation: uscb-loading-linear-bar-2 3s cubic-bezier(0.5, 0.5, 0.2, 0.8) 1.5s infinite; } @-webkit-keyframes uscb-loading-linear-bar-1-width { from { width: 10%; } 20% { width: 50%; } 50% { width: 0%; } to { width: 0%; } } @keyframes uscb-loading-linear-bar-1-width { from { width: 10%; } 20% { width: 50%; } 50% { width: 0%; } to { width: 0%; } } @-webkit-keyframes uscb-loading-linear-bar-1-left { from { left: -10%; } 50% { left: 100%; } to { left: 100%; } } @keyframes uscb-loading-linear-bar-1-left { from { left: -10%; } 50% { left: 100%; } to { left: 100%; } } @-webkit-keyframes uscb-loading-linear-bar-2 { from { width: 30%; left: -30%; } 60% { width: 60%; left: 75%; } to { width: 20%; left: 100%; } } @keyframes uscb-loading-linear-bar-2 { from { width: 30%; left: -30%; } 60% { width: 60%; left: 75%; } to { width: 20%; left: 100%; } } .uscb-loading-circular-indeterminate { height: 48px; width: 48px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: uscb-load-cir-rotate 3s linear infinite; animation: uscb-load-cir-rotate 3s linear infinite; } .uscb-loading-circular-indeterminate-IE { height: 48px; width: 48px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke: #cfd5dc; stroke-dashoffset: 109.439510239; stroke-dasharray: 314.159265359; -webkit-animation: uscb-load-cir-rotate 1.5s linear infinite; animation: uscb-load-cir-rotate 1.5s linear infinite; } .uscb-loading-circular-indeterminate svg { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; animation: uscb-load-cir-rotate 6s steps(4, end) infinite reverse; } .uscb-loading-circular-indeterminate svg path { stroke: #cfd5dc; stroke-dasharray: 314.159265359; stroke-dashoffset: 0; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; animation: uscb-load-cir-return 1.5s ease-out infinite reverse, uscb-load-cir-dash .75s ease-out infinite alternate-reverse; } @-webkit-keyframes uscb-load-cir-return { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } } @keyframes uscb-load-cir-return { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } } @-webkit-keyframes uscb-load-cir-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes uscb-load-cir-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes uscb-load-cir-dash { from { stroke-dashoffset: 78.5398163397; } to { stroke-dashoffset: 306.159265359; } } @keyframes uscb-load-cir-dash { from { stroke-dashoffset: 78.5398163397; } to { stroke-dashoffset: 306.159265359; } }