element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
margin: 0;
padding: 0;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 50px;
}
.jcarousel-item {
float: left;
display:inline;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 40px;
height: 40px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}
.jcarousel-prev {
z-index: 3;
display: none;
}
/* end jcarousel */
img.replaced { margin-left: auto !important; margin-right: auto !important; display:block; }
/* start tango jcarousel */
.jcarousel-skin-tango.jcarousel-container {
/* -moz-border-radius: 5px;
background: #111;
border: 1px solid #333;*/
margin: 0px;
padding: 0px;
}
.jcarousel-skin-tango.jcarousel-container-horizontal, .jcarousel-container-horizontal {
width: 245px;
padding: 9px 36px 0px 36px;
}
.jcarousel-skin-tango.jcarousel-container-vertical {
width: 50px;
height: 225px;
padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 245px;
height: 60px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 50px;
height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 40px;
height: 40px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: 8px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #000;
color: #fff;
}
/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 10px;
right: 17px;
width: 14px;
height: 41px;
cursor: pointer;
background: transparent url(../images/slideshow/slideshow_next.gif) no-repeat -14px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position: 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -14px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -28px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 10px;
left: 11px;
width: 14px;
height: 41px;
cursor: pointer;
background: transparent url(../images/slideshow/slideshow_previous.gif) no-repeat -14px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: -28px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -14px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: 0px 0;
}
/**
* Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
position: absolute;
bottom: 15px;
left: 48px;
width: 14px;
height: 41px;
cursor: pointer;
background: transparent url(../images/slideshow/slideshow_next.gif) no-repeat -14px 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(../slideshow/images/prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
a.start {
display: block;
height: 21px;
width: 30px;
cursor: hand;
text-indent: -9999px;
position: absolute;
right: 10px;
top: 15px;
background:url(../images/slideshow/slideshow_play.gif) no-repeat;
}
a.start:hover {
background:url(../images/slideshow/slideshow_play.gif) no-repeat -30px 0;
}
a.stop {
display: block;
height: 21px;
width: 32px;
cursor: hand;
text-indent: -9999px;
position: absolute;
right: 40px;
top: 15px;
background:url(../images/slideshow/slideshow_pause.gif) no-repeat;
}
a.stop:hover {
background:url(../images/slideshow/slideshow_pause.gif) no-repeat -32px 0;
}
.galleria_wrapper {
margin: 0;
}
#main_image_wrapper {
margin: 0;
padding: 0;
}
.caption {
width: 428px;
margin: 0 auto;
color: #2b2b2b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
padding: 5px 10px 5px 10px;
}
.slideNumber {
display: none;
}
#scroller {
margin: 0pt auto; background: transparent url(../images/slideshow/slideshow_controls.gif) no-repeat scroll 0% 0%; width: 448px; height: 65px; position: relative;
}
/* end tango jcarousel */
/* Annual Report 2008 Styles */
#arMainBackground {
width: 765px;
height: 400px;
background: url(../images/annualreport/uw_annual_report_main_bg.gif) no-repeat;
}
#arMainBackground img {
display: block;
}
#arMainLeftContent {
width: 512px;
height: 356px;
padding: 22px;
float: left;
}
#arMainRightContent {
width: 199px;
height: 376px;
padding: 10px 10px 10px 0px;
float: right;
}
#arTabs {
width: 765px;
height: 35px;
background: url(../images/annualreport/uw_annual_report_tabs_bg.gif) no-repeat;
}
#clickTab1 {
width: 78px;
height: 35px;
display: block;
float: left;
cursor: pointer;
background: url(../images/annualreport/uw_annual_report_tab_patients.gif) 0px 0px;
}
#clickTab2 {
width: 86px;
height: 35px;
display: block;
float: left;
cursor: pointer;
background: url(../images/annualreport/uw_annual_report_tab_research.gif) 0px 0px;
}
#clickTab3 {
width: 91px;
height: 35px;
display: block;
float: left;
cursor: pointer;
background: url(../images/annualreport/uw_annual_report_tab_academics.gif) 0px 0px;
}
#clickTab4 {
width: 87px;
height: 35px;
display: block;
float: left;
cursor: pointer;
background: url(../images/annualreport/uw_annual_report_tab_international.gif) 0px 0px;
}
#donate {
width: 123px;
height: 35px;
display: block;
float: right;
background-image: url(../images/annualreport/uw_annual_report_donate.gif);
background-position: 0 0;
cursor: pointer;
}
.arTabPic {
width: 512px;
height: 253px;
margin-bottom: 10px;
float: left;
}
.arTabCopy {
width: 512px;
height: 93px;
float: left;
}
#tabContent1,#tabContent2,#tabContent3,#tabContent4,tabContentRight1,#tabContentRight2,#tabContentRight3,#tabContentRight4 { display: none; }.form_description { display: none !important; } /* Hide the form title and description from the embedded view */
#form_container { box-shadow: none !important; } /* hide the gray, curved borders from the top and bottom of the form */
#footer.success { display: none !important; } /* Hide the blue horizontal bar that appears at the bottom of a successful submission */
#form_container h1 { display: none !important; } /* Hide the dark gray header image */
.feature{
width: 247px;
height: 153px;
overflow: hidden;
position: relative;
float: left;
margin-right: 23px;
border: 2px solid #fff;
/*cursor: pointer; */
}
.feature_right {
cursor: pointer;
display: block;
margin-right: 0px;
}
.blurb{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-image: url(../images/bg_top_widget.png);
padding-left: 10px;
min-height: 56px;
-webkit-transition: all 450ms ease-out;
-moz-transition: all 450ms ease-out;
transition: all 450ms ease-out;
box-shadow: inset -5px 20px 43px -2px rgba(178, 215, 236, 0.6);
}
.feature_right .blurb {
left: 40%;
min-height: 100%;
top: 0;
width: 60%;
}
.feature_right .blurb:after {
border-bottom: 27px solid transparent;
border-left: 20px solid #ffffff;
border-top: 27px solid transparent;
content: "";
height: 0;
position: absolute;
opacity: .45;
right: 2.5em;
top: 1em;
width: 0;
}
/*.feature_right:hover .blurb:after {
opacity: .85;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}*/
.blurb p {
font-size:80%;
}
.feature_right .blurb p {
font-size: 100%;
}
.blurb p, .blurb a{
color: #fff;
display: block;
margin-bottom: 0;
max-height: 0px;
opacity: 0;
overflow: hidden;
width: 90%;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
.feature_right p, .feature_right a{
max-height: 100%;
opacity: 1;
width: 80%;
}
.blurb a{
bottom: 0px;
position: absolute;
text-decoration: underline;
}
.feature_right a {
position: relative;
}
.blurb a:after{
content:"\25B8";
/*float: right;*/
display: inline-block;
-webkit-transition: margin 300ms ease-in-out;
-moz-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
margin-right: 5px;
}
.feature:hover .blurb a:after{
margin-right: 0;
}
.blurb h1{
line-height: 21px;
color: #fff;
font-size: 14px;
margin: .25em 0 .75em 0;
width: 90%;
}
.feature_right .blurb h1 {
width: 60%;
}
.feature:hover p,.feature:hover a{
max-height: 120px;
margin-bottom: 1em;
opacity: 1.0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.feature_right:hover p,.feature_right:hover a{
margin-bottom: inherit;
max-height: inherit;
}
.feature:hover .blurb{
min-height: 95%;
padding-top: 10px;
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
.feature_right:hover .blurb {
min-height: 100%;
padding-top: 0;
}
h1 em{
font-size: 10px;
font-style: normal;
line-height: 6.8px;
text-transform: uppercase;
letter-spacing: 1px;
color: #edf3f8;
display: inline-block;
margin-top: -1.15em;
}
/* related to "HC" image hover, legal description */
.ico_hc {
display: inline-block;
margin-left: 3px;
vertical-align: baseline;
position: relative;
cursor: help;
}
.ico_hc:hover .tooltip {
display: block;
}
.ico_hc .tooltip {
position: absolute;
width: 200px;
left: -100px;
padding: 8px 10px 10px;
top: -80px;
background-color: #DDE9F7;
border-radius: 5px;
border: 1px solid;
border-color: #033C67;
border-color: rgba(0,0,0,0);
box-shadow: 0 3px 2px rgba(0,0,0,0.2);
display: none;
}
.ico_hc .tooltip_arrow-down {
display: inline-block;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #DDE9F7;
position: absolute;
margin-top: 21px;
font-size: 0.1px;
line-height: 0;
left: 95px;
}
.guh {
border:1px solid #c1c1c1;
border-width:1px 0;
display:block;
overflow:hidden;
padding:4px 0 2px;
margin:8px 0;
}
.guh_body {
display:block;
padding:8px 0 10px;
}
.guh_image {
background: url(https://www.uwhealth.org/files/uwhealth/images/icon/ico_blog_link_24.png) left no-repeat;
display: inline-block;
height: 25px;
width: 26px;
}
.urgent_care_pod .podTop243 {
display: none;
}
/* --------- Google CSE search --------- */
#navBar div.searchBox { display: block; width: 220px; float: right; height: 39px; padding: 0; margin: 0; }
.searchButton {width: 16px; height: 18px; margin: 0; padding: 0; border: 0; background-position: -185px -231px; text-indent: -9999px; margin-right: 5px; vertical-align:middle; cursor: pointer; overflow: hidden; position: absolute; right: 0; }
.searchButton:hover { background-position: -185px -249px; }
.search .gsc-input { background: rgb(255, 255, 255) !important; }
/* --------- recipe search --------- */
.recipeSearch .gsc-control-cse {
padding: 13px 0 0;
margin: 0;
float: left;
background: #bedceb;
width: 100%;
height: 35px;
border-radius: 5px;
}
.recipeSearch .gsc-control-cse.gsc-control-cse-en {
padding: 0 0 20px;
position: relative;
border: none;
margin-bottom: 12px;
border-bottom: 1px solid #ddd;
background: none;
border-radius: 0;
float: none;
}
.recipeSearch td.gsc-input {
width: 69.5%;
text-align: left;
}
.recipeSearch td.gsc-input:before {
content: "Search Recipes";
font-size: 11px;
padding-right: 10px;
}
.recipeSearch input.gsc-input {
border: 1px solid #7997b3;
font-family: Verdana, sans-serif;
font-size: 100%;
width: 200px;
padding: 2px;
vertical-align: middle;
background-color: #fff;
background-image: none !important;
width: 100%;
display: block;
}
.recipeSearch table.gsc-search-box td.gsc-input {
padding-right: 4px !important;
width: 75%;
}
.recipeSearch input.gsc-search-button {
border: 1px solid #063b6d;
background: #f1f0f0 url("../images/button_background.gif") repeat-x top;
color: #063b6d;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
height: 22px;
line-height: 10px;
border-radius: 0;
display: inline-block;
padding: 3px 10px 2px;
width: 100%;
}
.recipeSearch div.gsc-clear-button {
position: absolute;
left: 71%;
bottom: 1.55em;
}
.recipeSearch td.gsc-search-button {
width: 23%;
vertical-align: bottom;
}
/* ------------ R/L (small) column icons, where >2 present (47424) --------------*/
.icon_set_container {
box-sizing: border-box;
clear: both;
margin-left: -10px;
}
.icon_set_link {
display: inline-block !important;
padding-left: 4%;
width: 28%;
}
.icon_set {
height: auto;
max-width: 100%;
}
/* ------------ In-Page e-Newsletter Subscribe Entry Fields (47424) --------------*/
.sub-form {
padding: 0 12px 12px;
}
.sub-form_label {
color: #063B6D;
display: block;
}
.sub-form_input {
background-color: #FFFFFF;
border-color: #A0B1C0;
border-radius: 2px;
box-sizing: border-box;
box-shadow: inset 0 2px rgba(0,0,0,0.075);
line-height: 24px;
margin: 4px 0 12px 0;
padding-left: 6px;
width: 100%;
}
.sub-form_input:focus {
background-color: #fff;
border-color: #A0B1C0;
}
.sub-form_input-zip {
display: inline-block;
max-width: 53%;
}
.sub-form_button {
background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), transparent);
border: 1px solid #A0B1C0;
border-radius: 2px;
background-color: #063B6D;
color: #FFF;
cursor: pointer;
float: right;
font-weight: bold;
line-height: 1.3;
margin-top: 4px;
padding: 7px 0;
text-align: center;
width: 40%;
}
.sub-form_button:hover,
.sub-form_button:focus {
background-color: #07437C;
}
.sub-form_button:active {
background-color: #063562}
/* ------------ Locations & Maps Landing Page (10372) --------------*/
/* [start] Delete these after Flexbox version rolls out */
.loc_header_wrapper {
width: 100%;
}
.loc_pod_highlight {
background: url('https://www.uwhealth.org/files/uwhealth/images/backgrounds/locations-highlight-pod-800.gif') no-repeat scroll 0% 0% transparent;
height: 9px;
width: 100%;
}
.loc_pod_highlight_bottom {
background-position: 0% 100%;
}
.loc_header_container {
background-color: #d1e6f1;
border-left: 1px solid #9fafbe;
border-right: 1px solid #9fafbe;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.loc_header_clinic_wrapper {
border-right: 1px solid #9fafbe;
display: inline-block;
padding: 0 10px 0 24px;
width: 20%;
}
.loc_header_clinic_wrapper:nth-child(4) {
border-right: 0;
}
.loc_header_clinic_wrapper h4 a {
color: #000000;
text-decoration: none;
}
.loc_header_img {
border: 0;
}
.loc_header_img img {
margin: 5px 0px;
}
/* [end] Delete these after Flexbox version rolls out */
/* ------------ Modular Feature Box using Flexbox--------------*/
.feature_flex_wrapper {
align-items: flex-start;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.feature_flex {
margin-right: 16px;
}
.feature_flex_blue {
background-color: #d1e6f1;
}
.feature_flex_fifth {
flex: 0 0 20%;
flex: 1 0 calc(20% - 16px);
max-width: 20%;
}
.feature_flex_fourth:nth-child(5) {
margin: 0;
}
.feature_flex_two_fifths {
flex: 0 0 40%;
flex: 1 0 calc(40% - 16px);
max-width: 40%;
}
.feature_flex_two_fifths:nth-child(2) + .feature_flex_fifth {
margin: 0;
}
.feature_flex_fourth {
flex: 0 0 23.25%;
flex: 1 0 calc(25% - 16px);
}
.feature_flex_fourth:nth-child(4) {
margin: 0;
}
.feature_flex_third {
flex: 0 0 31.75%;
flex: 1 0 calc(33% - 16px);
}
.feature_flex_third:nth-child(3) {
margin: 0;
}
.feature_flex_half {
flex: 0 0 47%;
flex: 1 0 calc(50% - 16px);
max-width: 50%;
}
.feature_flex_half:nth-child(2) {
margin: 0;
}
.feature_flex_details a, .feature_flex_action a, .feature_flex_img_anchor {
text-decoration: none;
}
.feature_flex_img_anchor {
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
display: block;
height: 100px;
width: 100%;
}
.feature_flex_img_small .feature_flex_img_anchor {
display: inline-block;
height: 100%;
min-height: 66px;
width: 20%;
}
.feature_flex_img_small h4 {
font-size: 100%;
}
.feature_flex_details {
padding: 8px 10px;
line-height: 16px;
}
.feature_flex_img_small .feature_flex_details {
display: inline-block;
line-height: 14px;
padding: 12px 6px;
vertical-align: top;
width: calc(70% - 5px);
}
.feature_flex_action {
border-top: 3px solid #fff;
display: flex;
}
.feature_flex_action a {
font-size: 12px;
padding: 8px 0 8px 25px;
position: relative;
width: 50%;
}
.feature_flex a:hover, .feature_flex_action a:hover {
color: #00294f;
}
.feature_flex_action a:nth-child(2) {
border-left: 3px solid #fff;
}
.feature_flex_action .icon_svg {
color: #5f82a3;
fill: #5f82a3;
height: 15px;
left: 6px;
position: absolute;
width: 13px;
}
svg:not(:root) {
overflow: hidden;
}
.feature_flex_action a:hover .icon_svg {
color: #40668a;
fill: #40668a;
}
.feature_bar_gray {
background: #f7f7f7;
border-bottom: 1px solid #d5d5d5;
margin-right: -20px;
margin-left: -20px;
min-height: 37px;
padding: 3px 20px 0;
position: relative;
text-align: center;
width: 100%;
}
.feature_bar_gray:before {
content: '';
background: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f7f7f7', GradientType=0);
height: 4px;
left: 0;
top: 0;
position: absolute;
width: 100%;
}
.feature_bar_gray a {
display: inline-block;
margin-top: -3px;
padding: 15px 0;
}
.br {
background: #e5e5e5;
height: 1px;
width: 100%;
}
.header_gray, .header_red {
color: #5e5e5e;
display: inline-block;
font-size: 12px;
padding-bottom: 20px;
}
.header_red {
color: #8f0505;
}
.nowrap {
white-space: nowrap;
}
/* lte ie9 fallback */
/* mq via r.css is over selector limit; put in main.css */
.lte9 .feature_flex_wrapper,
.lte9 .feature_flex_action {
display: block;
}
.lte9 .feature_flex_action,
.lte9 .feature_flex_action a,
.lte9 .feature_flex_half,
.lte9 .feature_flex_third,
.lte9 .feature_flex_fourth,
.lte9 .feature_flex_fifth {
display: inline-block;
width: 100%;
vertical-align: top;
}
.lte9 .feature_flex_half {
width: 46%;
}
.lte9 .feature_flex_action a,
.lte9 .feature_flex_third {
width: 30%;
}
.lte9 .feature_flex_fourth {
width: 22%;
}
.lte9 .feature_flex_fifth {
width: 17%;
}
@media only screen and (max-width: 805px) {
.lte9 .feature_flex_blue, .lte9 .feature_flex_half, .lte9 .feature_flex_third, .lte9 .feature_flex_fourth, .lte9 .feature_flex_fifth {
width: 46%;
}
}
@media only screen and (max-width: 504px) {
.feature_flex_blue, .feature_flex_half, .feature_flex_third, .feature_flex_fourth, .feature_flex_fifth {
width: 100%;
max-width: 100%;
flex: 100%;
margin-right: 0;
}
.feature_flex_blue.feature_flex_third:nth-child(1),
.feature_flex_blue.feature_flex_fourth:nth-child(2) {
margin-right: 0;
}
}
/*====================
GTM pixel
====================*/
.noDisplay {display:none;visibility:hidden;}
/*====================
:tel links
====================*/
a[href^=tel] {
cursor: default;
font-weight: bold;
text-decoration: none;
}
/*====================
ARIA nav links
====================*/
.skipnav {
margin: 10px 0 -10px 5px;
position: absolute;
text-align: left;
z-index: 99999;
}
.skipnav a {
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
width: 1px;
}
.skipnav a:hover {
text-decoration: none;
}
.skipnav a:focus,
.skipnav a:active {
background: rgba(255, 255, 255, .6);
border: 1px dashed white;
height: auto;
left: 0;
overflow: visible;
padding: 5px;
position: static;
text-decoration: underline;
width: auto;
}
/******************************************************/
/* Healthwise Overrides */
/******************************************************/
.HwQuestionText {
display: inline-block;
max-width: 500px;
}
/******************************************************/
/* Search results */
/******************************************************/
#searchHeader {
margin: 0 0 16px 0;
}
.keymatches {
background: #d1e6f1;
height: auto;
margin: 10px 0;
padding: 10px 7px;
word-wrap: break-word;
}
#suggestedSearch {
background: #d1e6f1;
margin-bottom: 16px;
}
#suggestedSearch a {
width: 100%;
display: block;
padding: 10px;
}
#mainResults {
width: 100%;
}
.result {
width: 100%;
height: auto;
margin: 0 0 10px 0;
line-height: 16px;
}
#searchFooter, .pagebanner {
float: left;
width: 100%;
margin: 10px 0;
font-size: 1.2em;
word-spacing: 7px;
}
.result-title, #result tr a, .keymatches a {
float: left;
width: auto;
}
.result-title a, .keymatches a {
font-weight: bold;
}
.result-title {
width: 100%;
}
.result-url {
color: gray;
font-size: 90%;
width: 100%;
}
.is-current {
color: #48453e;
pointer-events: none;
text-decoration: none;
}
.is-current:visited {
color: #48453e;
}
.pagelinks {
float: left;
width: 90%;
margin: 10px 0;
font-size: 1.2em;
word-spacing: 7px;
}
.pagelinks a,
.pagelinks span {
padding: 8px;
}
.search-wrap-main {
float: left;
width: 535px;
}
.search-wrap-pod {
float: right;
width: 243px;
}
@media only screen and (max-width: 946px) {
.search-wrap-pod {
width: 100%;
}
}
.search-sidebar {
margin-bottom: 16px;
}
.search-sidebar h2 {
text-transform: uppercase;
}
#bottomSearch {
text-align: center;
padding: 10px 0 0;
margin: 20px 0 0;
float: left;
background: #BEDCEB;
width: 100%;
height: 35px;
}
#bottomSearch label[for="q"] {
visibility: hidden;
display: none;
}
.results-instruction-direction:after {
content: 'to the right';
}
@media only screen and (max-width: 946px) {
.results-instruction-direction:after {
content: 'below';
}
.search-wrap-pod {
width: 100%;
}
.search-wrap-pod .primaryPod243 {
display: inline-block;
min-width: 100%;
width: 100%;
float: none;
margin: 0;
}
#bottomSearch input[type="text"] {
height: 38px;
}
#bottomSearch #_submit {
display: block;
padding: 8px 12px;
margin: 0 auto 12px;
margin-top: 0px;
width: 50%;
padding-bottom: 3px;
}
#bottomSearch #_submit {
min-height: 38px;
display: block;
padding: 8px 12px;
margin: 0 auto 12px;
width: 50%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
-webkit-box-flex: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
}
@media only screen and (max-width: 504px) {
#bottomSearch input[type="text"] {
padding-bottom: 0;
max-width: 100%;
}
#bottomSearch #_submit {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: -1px;
}
}
.result .search-result__link[href*="/news/"] {
position: relative;
margin-left: 20px;
}
.result .search-result__link[href*="/news/"]:before {
content: '';
position: absolute;
background: url("../images/search/news.gif") no-repeat;
height: 15px;
width: 17px;
left: -20px;
top: -2px;
}
/******************************************************/
/* Alerts */
/******************************************************/
.fade-out,
.hide {
display: none;
opacity: 0 !important;
transition: visibility 0s .5s, opacity .5s linear;
visibility: hidden !important;
}
.next,
.show {
display: block;
opacity: 1 !important;
transition: visibility 0s .5s, opacity .5s linear, display .5s linear;
z-index: 1 !important;
}
.prev {
display: none;
z-index: 2 !important;
opacity: 0 !important;
}
.alerts_wrapper {
width: 100%;
margin: 0 auto;
background-color: #C50709;
-webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 5px;
line-height: 18px;
overflow: hidden;
opacity: 0;
position: relative;
max-width: 1060px;
display: flex;
flex-flow: row nowrap;
min-height: 28px;
color: #fff;
}
.alerts_wrapper.hide {
min-height: 0;
}
.alerts_wrapper a {
font-weight: normal;
color: #fff;
}
.alerts_left {
text-transform: uppercase;
width: 110px;
letter-spacing: 2px;
font-family: 'BebasRegular', 'Arial Narrow', verdana, sans-serif;
font-weight: normal;
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
background-color: #930C09;
}
.alerts_right {
padding: 5px 0 5px 30px;
margin-right: 110px;
max-width: 810px;
font-weight: bold;
font-size: 12px;
display: flex;
position: relative;
width: 100%;
}
.alerts_right span {
display: block;
opacity: 0;
position: absolute;
left: 30px;
align-self: center;
}
@media only screen and (max-width: 946px) {
.alerts_right {
margin-right: 15px;
padding-left: 20px;
}
.alerts_right span {
left: 20px;
}
}