/* @import url("vo-image.css"); */ /* ================================================================================== */ /* == 1. Normalize.css v1.01 ======================================================== */ /* ================================================================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} HTML,BODY,DIV,SPAN,OBJECT,H1,H2,H3,H4,H5,H6,P,A,IMG,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND { margin: 0; padding: 0; border: 0; font-weight: inherit; vertical-align: baseline; } BODY { font-family: Arial, Helvetica, sans-serif; color: #474747; } H2 { font-weight: bold; font-size: 20px; line-height: 25px; color: #014282; font-family: georgia, serif; } H1 { margin: 7px 0 5px; color: #014282; font-family: georgia, serif; line-height: 30px; font-weight: bold; font-size: 25px; } A { outline: none; } A IMG { border: none; } A:link { color: #014282; text-decoration: none; } A:visited { color: #002F4E; text-decoration: none; } A:hover,A:active { color: #091624; } P { font-size: 12px; line-height: 18px; padding: 5px 0; } P A:link { text-decoration: underline; } P A:visited { text-decoration: underline; } .container { position: relative; margin: 0 auto; max-width: 944px; padding: 0 20px; } /*Standard Class*/ .center { text-align: center; } .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } .clearfix { display: block; } .alignLeft { float: left; } .underline { text-decoration: underline; } .title,.credit { color: #999; } .voImage { padding: 5px; margin-left: 0px; } .voImage.border { border: 2px solid #BBBBBB; margin: 5px; padding: 5px; } .voImage .caption { color: #646464; } .voImage.left { float: left; margin-right: 15px; } .voImage.right { float: right; margin-left: 15px; margin-right: 0; } .voImage.center { display: block; margin: 0 auto; } .voImage .credit { text-align: right; } .voImage .caption { font-size: 10px; } .voImage { position: relative; margin-bottom: 15px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .voImage img { /* width: 100%; height: auto; */ max-width: 100%; height: auto; display: block;} .voImage.border { border: 1px solid #dcdcdc; } .voImage a.smug-buy { display: none; background: green; height: 24px; line-height: 24px; color: #fff; padding: 0px 8px; border-radius: 3px; font-size: 11px; text-transform: uppercase; font-weight: bold; position: absolute; top: 20px; right: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); } .voImage:hover a.smug-buy { display: inline-block; } .voImage a.smug-buy:hover { background: #000; } .voImage.left { margin-top: 10px; padding: 0; } .voImage.left IMG,.voImage.right IMG { border: 1px solid #595959; } .voImage.right { margin-top: 10px; padding: 0; } .voImage.fill { width: 100%; max-width: 100% !important; padding: 0; } .voImage.fill img { display: block; width: 100%; } p + .voImage.fill { margin: 10px 0 5px 0; } /*Weather*/ #weather { position: absolute; top: -2px; right: 265px; } #weather a { display: block; } #weather a#tmp { position: absolute; top: 79px; left: -15px; color: #fff; color: rgba(255,255,255,0.8); font-size: 14px; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);} .weather #content { width: 100%; } .weather #stage { } .weather .current UL { list-style: none; margin-bottom: 20px; font-size: 12px; } .weather .current .description { margin-top: 10px; } .weather .condition-day { color: #888; margin-top: 8px; font-size: 15px; } .weather H3.location { float: left; margin-left: 10px; margin-top: 10px; color: #888; font-weight: normal; font-size: 23px; text-shadow: 0px 1px 1px white; } .weather H3 { font-weight: bold; } .weather .change-location { float: right; background: #f8f8f8; border: 1px solid #e5e5e5; padding: 10px 15px; border-radius: 10px; margin-bottom: 30px; font-size: 14px; } .weather .change-location span { float: left; margin-top: 5px; margin-right: 10px; } .weather .change-location .form { float: right;} .weather .change-location input { width: 175px; height: 26px; font-size: 12px; float: left; border-radius: 3px 0 0 3px; border: 1px solid #cdcdcd; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .weather .change-location input.submit { } .weather .change-location input.submit { border: none; color: #EFEFEF; width: 58px; height: 26px; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); floa/t: left; padding: 0; border-radius: 0 3px 3px 0; rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: url(../../img/bg-nav.png); background-size: auto 100%; } .weather H1 { float: left; margin-bottom: 40px; } #stage .dayf UL { clear: both; } #stage .dayf > UL > LI { float: left; text-align: center; list-style: none; width: 20%; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; padding: 0; margin-bottom: 50px; margin-right: -1px; height: 235px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stage .dayf UL LI.current { width: 40%; background: #f8f8f8; border: 1px solid #e5e5e5; overflow: hidden; } #stage .dayf UL LI.current .cur-temp { float: left; width: 50%; } #stage .dayf UL LI.current .cur-temp img.icon { width: 86%; margin-top: 12px; } #stage .dayf UL LI.current .current-details { float: right; width: 50%; padding-top: 46px; font-size: 15px; color: #888; } #stage .dayf UL LI.current .current-details ul { height: 100%; } #stage .dayf UL LI.current .current-details ul li { margin-top: 5px; } #stage .dayf UL LI.current .current-details h3 { margin: 0; text-align: center; } #stage .dayf UL LI.current .cur-temp div { color: #888; font-size: 15px; } #stage .dayf UL LI.current h3 { font-size: 22px; margin-top: 20px; } .weather .icon-day { margin: 5px 0 2px 0; } .weather .dayf SPAN.low { color: #888; display: block; margin-top: 5px; } .weather .dayf SPAN.high { font-weight: bold; font-size: 30px; display: block; } .weather .current span.tmp { font-weight: bold; font-size: 50px; display: block; line-height: 42px; margin-bottom: 7px; color: #474747; } .weather .current .feels-like { margin-bottom: 20px; } .weather-lnks { clear: both; float: left; } .weather-lnks UL LI { margin-left: 15px; } @media screen and (max-width: 680px) { #stage .dayf > UL > LI { width: 25%; } #stage .dayf > UL > LI.current { width: 50%; } } @media screen and (max-width: 560px) { #stage .dayf > UL > LI { width: 33.3333%; margin-bottom: 60px; } #stage .dayf > UL > LI.current { width: 66.66%; } .weather h1 { margin-bottom: 15px; } .weather .change-location { float: none; clear: both; overflow: hidden; } } @media screen and (max-width: 480px) { #stage .dayf > UL { margin: 0 -20px; } #stage .dayf > UL > LI { width: 50%; margin-right: 0; border: none; } #stage .dayf > UL > LI:nth-child(odd) { border-right: 1px solid #ddd; } #stage .dayf > UL > LI.current { width: 100%; } } @media screen and (max-width: 570px) { .weather .change-location span {display: block; width: 100%; margin: 0 0 5px 0;} .weather .change-location .form { float: none; width: 100%; } .weather .change-location .form input { width: 70%; } .weather .change-location .form input.submit { width: 30%; } } /*Header*/ #header { height: 110px; color: #FFF; background: url(../../img/bg-header.png); background-size: auto 100%; } #header .container { position: relative; } #header hgroup { height: 91px; width: 300px; padding: 19px 0 0 0; float: left;} #header H1#herald-logo { margin: 0; } #header H1#herald-logo A { text-indent: -9999px; display: block; background: url(../../img/logo@2x.png) no-repeat top; height: 59px; width: 300px; background-size: 300px 118px; } .lt-ie9 #header H1#herald-logo A { background: url(../../img/logo.png) no-repeat top; } /*IE image fix*/ #header H1#herald-logo A:hover { background-position: bottom; } #header #logoSubline { display: block; font-family: arial; font-size: 11px; line-height: 21px; color: #cdcdcd; font-weight: normal; } #header #logoSubline span.date { border-left: 1px solid #7e7e7e; margin-left: 5px; padding-left: 6px; } /*Header Tools*/ #header-tools { width: 245px; float: right; margin-top: 30px; } #header #search { overflow: hidden; float: right;} #header #search input#search-site { width: 175px; height: 26px; font-size: 12px; float: left; border-radius: 3px 0 0 3px; border: none; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); padding-left: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #header #search input#submit { border: none; color: #EFEFEF; width: 58px; height: 26px; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); float: left; padding: 0; border-radius: 0 3px 3px 0; rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: url(../../img/bg-nav.png); background-size: auto 100%; } #header #search #submit:hover { cursor: pointer; } /*Secondary Navigation*/ #nav-secondary { font-size: 12px; text-align: right; margin-bottom: 10px; padding-right: 2px;} #nav-secondary LI { border-right: 1px solid #3F4346; display: inline; padding: 0 6px 0 3px; } #nav-secondary UL LI:last-child { padding-right: 0; border: none; } #nav-secondary LI A { color: #D2D2D2; } #nav-secondary LI A:hover { color: #DDD; } /*Login Popup Dialog*/ #header #login #login-now .check-status H2 { margin-top: 10px; } #header #login-content { position: absolute; top: 43px; left: 37px; width: 270px; } #header #login-now { position: absolute; display: none; top: 22px; right: -2px; z-index: 999; background: url(../../img/login-pop.png) no-repeat; width: 344px; height: 174px; } #header #login-now UL LI { margin: 0; } #header #login-now UL LI INPUT { height: 34px; font-size: 12px; border-radius: 3px; border: 1px solid #D9D9D9; border-top: 1px solid #C0C0C0; padding-left: 5px; background: #f7f7f7; margin: 0 0 10px 0; padding: 5px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #header #login-now UL LI INPUT.email { width: 100%; } #header #login-now UL LI INPUT.password { width: 70%; float: left;} #header #login-content BUTTON.submit.login { border: none; color: #EFEFEF; width: 26%; height: 34px; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); float: right; padding: 0; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); background: url(../../img/bg-nav.png); background-size: auto 100%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header #login-content a.forgot-my-password { font-size: 11px; color: #1F4A74; cursor: pointer; float: right; } #header #login-content a.forgot-my-password:hover { text-decoration: underline; cursor: pointer; } #header #login-content .message { font-size: 11px; color: #AA005A; float: left;} /*Primary Navigation*/ a.toggleMenu { display: none; } nav#main-nav { background: url(../../img/bg-nav.png); height: 32px; margin-bottom: 20px; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); } #nav-primary { list-style: none; *zoom: 1; font-size: 13px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); background: url(../../img/bg-nav-border.png) no-repeat left; padding-left: 2px; margin-left: -2px; height: 32px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } #nav-primary ul { list-style: none; width: 190px; } #nav-primary a { height: 32px; line-height: 32px; padding: 0 15px 0 13px; /*padding: 0 18px 0 15px;*/ display: block; color: #F3F5F6; } #nav-primary li { position: relative; } #nav-primary > li { float: left; list-style: none; position: relative; z-index: 100; background: url(../../img/bg-nav-border.png) no-repeat right; } #nav-primary > li > .parent { background: url(../../img/arrow-down@2x.png) no-repeat right center; background-size: 24px 7px; padding-right: 29px; } .lt-ie9 #nav-primary > li > .parent { background: url(../../img/arrow-down.png) no-repeat right center; } #nav-primary > li > a { display: block; } #nav-primary > li.tier-1.hover > a { background-color: #003558 !important; } #nav-primary li ul { position: absolute; left: -9999px; } #nav-primary > li.hover > ul { left: 0; } #nav-primary li li.hover ul { left: 100%; top: 0; } #nav-primary > li.hover a:hover, #nav-primary > li.hover a.parent:hover { background-color: #33617d; } #nav-primary li li .parent { background: #003558 url(../../img/arrow-nav-right.png) no-repeat 8px center; text-indent: 15px; } #nav-primary li li a { display: block; position: relative; background: #003558; z-index: 100; border-top: 1px dotted #1a4b69; } #nav-primary li li li a { background: #003558; z-index: 200; border-top: 1px dotted #1a4b69; } #menu-search { display: none; padding: 13px; overflow: hidden;} #menu-search * { box-sizing: border-box; } #menu-search input#search-site { width: calc(100% - 68px); height: 30px; font-size: 16px; float: left; border-radius: 3px 0 0 3px; border: none; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); padding-left: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #menu-search input#submit { border: none; color: #EFEFEF; width: 68px; height: 30px; font-size: 13px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); float: left; padding: 0; border-radius: 0 3px 3px 0; rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background: url(../../img/bg-nav.png); background-size: auto 100%; } @media screen and (min-width:0\0) { /* IE9 and IE10 rule sets go here */ #nav-primary li#contact-us a { padding-left: 12px; } } /*Left Justifies Contact Dropdown*/ @media screen and (min-width: 768px) { #nav-primary > li#contact-us.hover > ul { left: -86px; } #nav-primary li#contact-us li.hover ul { left: -205px; top: 0; width: 205px; } } /*Hides Navigation Items with Smaller Screen*/ @media all and (max-width: 1024px) and (min-width: 769px) { #nav-primary #contact-us { display: none; } } @media all and (max-width: 890px) and (min-width: 769px) { /* I want this at 870px, not 890px but IE9+ is stupid */ #nav-primary #social { display: none; } } @media all and (max-width: 820px) and (min-width: 769px) { /* I want this at 800px, not 820px but IE9+ is stupid */ #nav-primary #photos { display: none; } } /* @media all and (orientation: landscape) { #nav-primary { display: block; } } */ @media all and (orientation: portrait) { #nav-primary { display: none; } } @media screen and (max-width: 768px) { #header-tools { width: 280px; height: 32px; margin: 0; position: absolute; top: 110px; right: 20px; z-index: 200; } #header-tools #search { display: none; } #menu-search { display: block; } #weather { left: auto; right: 30px; } #header-tools #nav-secondary { margin: 0; background: url(../../img/bg-nav-border.png) no-repeat right; overflow: hidden; } #header-tools #nav-secondary li { float: right; padding: 0; border: none; } #header-tools #nav-secondary li#name { display: none; } #header-tools #nav-secondary a { display: block; height: 32px; line-height: 32px; padding: 0 13px 0 16px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-size: 13px; font-weight: bold; text-transform: uppercase; background: url(../../img/bg-nav-border.png) no-repeat left; } .active { display: block; } a.toggleMenu { height: 32px; line-height: 32px; padding: 0 16px 0 16px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.4); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-size: 13px; font-weight: bold; text-transform: uppercase; background: url(../../img/bg-nav-border.png) no-repeat left, url(../../img/bg-nav-border.png) no-repeat right; position: relative; z-index: 999;} #nav-primary { padding: 0; margin: 0; background: none; } #nav-primary > li { float: none; background: #003558; border-bottom: 1px solid #1a4b69; } #nav-primary li li a, #nav-primary li li a.parent { background-color: #C3DCE9; color: #003558; border-top: 1px solid #fff; text-shadow: none; } #nav-primary li li li a { background-color: #fff; border-top: 1px solid #DEDEDE; } #nav-primary ul { display: block; width: 100%;} #nav-primary > li.hover > ul , #nav-primary li li.hover ul { position: static; } #nav-primary > li.hover a:hover, #nav-primary > li.hover a.parent:hover { background-color: #dcdcdc; } } @media screen and (max-width: 480px) { #header-tools { width: 200px; } #header-tools #nav-secondary li#eedition { display: none; } } /*ADS*/ .ad-leaderboard .voImage, .ad-leaderboard .voImage img { max-width: 100% !important; width: 100% !important; } .sticky-ad .close-ad { display: block; width: 20px; height: 20px; background: #000 url(../../img/icon-close.png) no-repeat center; background-size: 20px; position: absolute; top: 5px; right: 5px; border-radius: 3px; z-index: 999;} /*Sticky Ads*/ @media all and (min-width: 770px) { .sticky-ad { display: none; } } @media all and (max-width: 768px) { #adTopRight { display: none; } .ad-leaderboard { display: none; } #footer { margin-bottom: 110px; } .sticky-ad { background: #000; position: fixed; bottom: 0; left: 0; width: 100%; height: 90px; z-index: 900; overflow: hidden;} .sticky-ad div.voImage { float: left; width: 300px; height: 90px; margin: 0 0 0 7%; } .sticky-ad div.voImage:last-child { float: right; margin: 0 7% 0 0; } .sticky-ad img { display: block; width: 300px; height: 90px; margin: 0 auto;} } @media all and (max-width: 700px) { .sticky-ad div.voImage { margin: 0 0 0 3%; } .sticky-ad div.voImage:last-child { margin: 0 3% 0 0; } } @media all and (max-width: 640px) { .sticky-ad div.voImage { margin: 0; } .sticky-ad div.voImage:last-child { margin: 0; } } @media all and (max-width: 600px) { .sticky-ad div.voImage { float: none; margin: 0 auto; } .sticky-ad div.voImage:last-child { display: none; } } @media all and (max-width: 320px) { .sticky-ad, .sticky-ad div.voImage, .sticky-ad img { width: 100% !important; height: auto; } } /*Leaderboard Ad*/ .ad-leaderboard a { width: 100%; display: block; margin-bott/om: 25px; } .ad-leaderboard a img { width: 100%; height: 90px; display: block; } /* Homepage Banner Ad */ .ad-banner-top { margin-bottom: 20px;} .ad-banner-top a { display: block; } .ad-banner-top img { display: block; max-width: 100%; } /* Relevant Articles */ .relevant-articles h2 { margin-bottom: 15px; padding-bottom:10px; border-bottom: solid 2px #aaa; } .relevant-articles ul { list-style: none; margin: 0 -10px; } .relevant-articles ul li { display: inline-block; vertical-align: top; width: 25%; margin-right: -5px; padding: 10px; margin-bottom: 20px; /*max-height: 214px; overflow: hidden;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .relevant-articles ul li a.relevant-image { display: block; margin-bottom: 5px; max-height: 92px; overflow: hidden; position:relative; } .relevant-articles ul li a.relevant-image .ratio { padding-top:92px; } .relevant-articles ul li.has-thumbnail .thumbnail { border: 1px solid #cdcdcd; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin: 0 0 10px 0;} .relevant-articles ul li img { display: block; width: 100%; min-width: 100%; position: absolute; } .relevant-articles ul li h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; } .relevant-articles ul li .relevant-excerpt { font-size: 12px; } @media all and (max-width: 768px) { .relevant-articles ul li a.relevant-image { background: red; max-height: 105px; } } @media all and (max-width: 550px) { .relevant-articles ul li { width: 33%; } } @media all and (max-width: 420px) { .relevant-articles ul li { width: 50%; } } /*Content*/ .featured-photo { position: relative; margin-bottom: 15px; } #content { float: left; width: 66%; /*620/940*/ margin-bottom: 20px; } #cms_blog_default_archive #content .waiting-for-results { height: 136px; } #post-content .voImage .caption { clear: both; font-size: 11px; line-height: 13px; color: #797979; padding-top: 12px; /*border-bottom: 1px dotted #D9D9D9;*/ padding-bottom: 12px; } #cms_static_default #content { font-size: 12px; line-height: 18px; } #cms_static_default #content UL { margin: 0 0 0 30px; font-size: 12px; } #cms_static_default #content UL LI { margin: 10px 0; } #top-stories UL { list-style: none; font-size: 12px; } #top-stories LI A { background: url(../../img/dot.png) no-repeat 0 4px; padding-bottom: 7px; padding-left: 11px; } #top-story P { line-height: 12px; } #top-story { margin-bottom: 10px; } #top-stories IMG { margin-right: 5px; } .featured-photo .credit { bottom: -16px; right: 0; position: absolute; } #caption-story { font-weight: bold; padding: 0 0 10px !important; border-bottom: 2px solid #BBBBBB; line-height: 1.5 !important; } .voImage.left { margin-top: 10px; padding: 0; } .voImage.left IMG,.voImage.right IMG, .voImage.fill IMG { border: 1px solid #595959; } .voImage.right { margin-top: 10px; padding: 0; } .cnd-pagination BUTTON.ui-button.ui-widget.ui-state-default.ui-corner-all { font-size: 11px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15; } .page-title { position: relative; } .cnd-sort { position: absolute; top: 2px; right: 0; width: 110px; } .cnd-sort .dropdown-toggle { font-size: 12px !important; height: 26px; line-height: 26px; background: #f7f7f7; border-color: #dcdcdc; } .cnd-sort .bootstrap-select, .cnd-sort .bootstrap-select[class*="span"] { height: 26px; } .cnd-sort .bootstrap-select .dropdown-toggle .filter-option { left: 10px; font-weight: bold; color: #676767; } .cnd-sort .bootstrap-select .dropdown-toggle .caret { right: 0; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px;} /*Search Page*/ .search-tools { margin-top: 10px; } .search-tools * { box-sizing: border-box; } .search-tools input { width: 100%; padding: 10px; } /*Unauthorized Messages*/ .awaiting-authorization { margin: 5px 0 15px; font-weight: bold; background-color: #FFFAE3; padding: 5px 10px 2px; border: 1px solid #DEDEDE; } .unauthorized-excerpt P.excerpt { } .unauthorized-top H3 { font-weight: bold; padding-bottom: 5px; } .unauthorized-top { border: 1px solid #DEDEDE; text-align: center; font-weight: bold; background-color: #FFFAE3; padding: 10px; margin-bottom: 20px; margin-top: 0; } .unauthorized-bottom { border: 1px solid #DEDEDE; font-weight: bold; text-align: center; background-color: #FFFAE3; padding: 10px; margin-bottom: 10px; margin-top: 20px; } .awaiting-authorization FORM.authorization { float: right; margin-top: -26px; margin-right: 2px; } .awaiting-authorization FORM.authorization .input { font-size: 0.8em; width: 70px; } /*Post Content*/ #post-content UL { margin-left: 28px; margin-top: 10px; } #cms_blog_default_single .post-date,#cms_blog_default_single .post-comments { display: none; } #post-content P,#post-content UL,#cms_blog_default_archive #content UL { font-size: 15px; } #content .content LI .author { display: none; float: left; margin-right: 6px; } #content span.article-date { color: #888; font-size: 13px; margin-bottom: 20px; display: block;} /*Breadcrumbs*/ #cms_static_home #breadcrumbs { } #breadcrumbs UL { display: none; font-size: 12px; list-style: none; font-weight: bold; margin-top: 61px; margin-bottom: -52px; } #breadcrumbs UL LI { display: inline; } /*Blog*/ .post-array UL { margin-top: 10px; } .post-array LI { list-style: none; } .post-array UL LI DIV A IMG { float: left; /*[disabled]outline:1px solid #000A13;*/border: 1px solid #000A13; margin: 0 15px 15px 0; } LI.archive-threshhold-message { color: #555; } UL#for-the-record SPAN.timestamp,UL#local SPAN.timestamp { display: block; padding-bottom: 10px; } .post-array UL LI { margin: 0 0 20px; list-style-type: none; border-top: 1px dotted #DDD; overflow: hidden; clear: left; padding: 17px 0 0; } .post-array UL LI .date { font-size: 8px; color: #777; } .post-array UL LI .publish_date { color: #888; font-size: 13px; margin-bottom: 10px; } .post-array UL LI .excerpt { line-height: 19px; } .post-array UL LI A.name IMG { margin-bottom: 0; } .manage .cnd-pagination SPAN.results { display: block; text-align: center; font-size: 12px; font-weight: bold; margin-bottom: -22px; margin-top: 25px; } #archive-pagination-bottom { height: 20px; } #archive-pagination-top { display: none; } BUTTON.ui-state-default.ui-corner-all.next { background: #EEE; border: 1px solid #CCC; color: #143454; float: right; } BUTTON.ui-state-default.ui-corner-all.previous { background: #EEE; border: 1px solid #CCC; color: #143454; float: left; } #cms_blog_default_archive LI.archive DIV.thumbnail { float: left; } #cms_blog_default_archive LI.archive DIV.details .publish_date { display: inline-block; zoo zoom: 1; /*IE Fix - May not show in IE6*/ } #cms_blog_default_archive LI.archive .publish_date { background: url(../../img/link-archived2.png) no-repeat 0 5px; padding-left: 75px; height: 30px; line-height: 30px; } #cms_blog_default_single #content IMG.left { float: left; padding-right: 13px; } #cms_blog_default_single H2.archived { padding-top: 50px; } /*User Styles*/ BODY.user BUTTON.button.submit { clear: both; float: left; margin-top: 10px; width: auto;} BODY.user #content H1,BODY.user #content H2 { margin-bottom: 20px; } BODY.user .waiting-for-results { float: left; margin-top: 10px; margin-left: 20px; } BODY.user .error-message DIV { font-weight: bold; width: 500px; background: none !important; padding: 10px; border: none; border: 6px solid #EAD2D2; margin-bottom: 20px; } BODY.user .voForm UL LI INPUT,BODY.user .voForm UL LI SELECT { display: block; margin-bottom: 13px; padding: 5px; } #code INPUT#card_code { } .user #credit-card SELECT { } .user #credit-card SELECT { display: inline-block; } .user.change-payment-method #card_code { width: 50px; float: left; margin-right: 20px; } .user.change-payment-method #card-code-click { margin-top: 5px; display: inline-block; } .user.newsletter .voForm UL LI LABEL.item INPUT { display: inherit; } .user.newsletter .voForm UL LI LABEL.item { float: inherit; display: inline; } BODY.user .voForm UL LI LABEL { float: left; text-align: left; width: 150px; display: block; height: 25px; line-height: 25px; } BODY.user .voForm .success-message { background: #00699F; padding: 10px 20px; color: #FFF; margin-bottom: 20px; } BODY.user #contentWrap .right { float: right; } BODY.user UL.edit-account { margin-left: 20px; } BODY.user UL.edit-account LI { margin-bottom: 10px; } BODY.user BUTTON.submit.disabled { background: #666; width: 250px; } #form-address LI.zip INPUT.zip { width: 100px; } #form-address UL LI.zip { margin-top: 18px; } DIV#form-address UL LI.country { clear: both; } BODY.user .transactions H3 { border-bottom: 1px solid #ddd; } BODY.user .transactions { padding-left: 0; } BODY.user .transactions TABLE TBODY TD { padding: 10px 0; } .section.transactions TABLE { width: 100%; } BODY.user .transactions THEAD { text-align: left; } .section.transactions TABLE THEAD TR TH { padding: 10px; background: #f5f5f5; border-bottom: 1px solid #ddd; text-align: center; font-weight: normal; } .section.transactions TABLE TBODY TR { text-align: center; } BODY.user.index #sidebar A.right { display: none; } BODY.user #sidebar { text-align: right; line-height: 1.8; } BODY.user #sidebar UL { text-align: left; margin-left: 55px; margin-top: 10px; } .user #content UL { margin: 10px 0; list-style: none; } .user #content UL LI { margin-bottom: 10px; } .user .section H3 { background: #EFEEEE; padding: 10px; border-top: 3px solid #CECECE; font-size: 20px; } .user .section.settings { } .user #content { width: 100%; font-size: 15px;} .col-left { float: left; width: 38%; } .col-right { float: right; width: 59%; } .col-left .col { margin-bottom: 50px; } .user .back { display: block; clear: both; padding-top: 20px; } @media all and (max-width: 640px) { .col-left { float: none; width: 100%; margin-bottom: 50px; } .col-right { float: none; width: 100%; } } /*Help*/ BODY#cms_static_default.help #content H3 { padding: 10px 0; } #cms_static_default.bug-report LEGEND { display: none; } BODY.help.bug-report .vo-form-id-6 UL { margin-left: 0 !important; } .bug-report .voForm.vo-form-id-6 .message { display: none; padding: 15px; color: #FFF; font-weight: bold; background-color: #2478A7; margin: 15px 0; } BODY.help.bug-report .voForm UL LI INPUT,BODY.help.bug-report .voForm UL LI TEXTAREA { display: block; margin-bottom: 13px; padding: 5px; } BODY.help.bug-report .voForm UL LI LABEL { float: left; text-align: left; width: 80px; display: block; height: 25px; line-height: 25px; } /*Submission Forms*/ .voForm UL.question { margin-left: 0 !important; } .voForm UL.question LI TEXTAREA, .voForm UL.question INPUT { display: block; margin-bottom: 13px; padding: 5px; } .voForm UL LI LABEL { text-align: left; width: 310px; display: block; line-height: 25px; } .voForm UL.option { margin-left: 0 !important; } .voForm UL.option li { margin-top: 0 !important; } .voForm UL.radio input { float: left; margin: 5px 5px 0 0; } .success-message { font-size: 150%; font-weight: bold; margin: 10px 20px 20px 0; background: #DDEEEE; color: #224477; padding: 15px; border: 1px solid #CCCCCC; } BODY.become-a-carrier .voForm LEGEND { display: block; !important; background: inherit; padding: 20px 0 5px; border:inherit; } /* Image Uploader */ .vo-files { height: auto !important; } .vo-files ul { list-style: none; display: flex; flex-wrap: wrap; margin: 0 !important; } .vo-files ul li { width: 140px; position: relative; margin: 0 30px 10px 0!important; padding: 0; } .vo-files ul li .image { width: 100%; padding-top: calc(100% - 10px); border: 5px solid #fff; background: #eee; box-shadow: 0 0 0 1px #d5d5d5; position: relative; } .vo-files ul li .name { display: block; margin-top: 10px; width: 140px; word-break: break-word; } .vo-files ul li.ui-selected { border: 2px solid #FF0000; } .vo-files ul li.ui-selecting { background: #999; } .vo-files ul .progress-bar { position: absolute; top: calc(50% - 14px); left: 11px; width: 90%; height: 6px; overflow: hidden; background: #eee; border-radius: 20px; } .vo-files ul .progress-bar .ui-progressbar-value { background: #014282; margin: 0; } .vo-files ul .image-controls { position: absolute; bottom: -5px; left: -5px; width: calc(100% - 16px); height: calc(100% - 16px); padding: 8px; background: rgba(238, 238, 238, 0.9); text-align: center; display: none; border: 5px solid #fff;} .vo-files ul li .image:hover .image-controls { display: block; z-index: 9; } .vo-files ul .image-controls button { padding: 6px 7px; background: #014282; color: #fff; font-size: 12px; border: none; border-radius: 3px; margin: 0 0 6px 0; cursor: pointer; width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } .vo-files ul .image-controls .edit:after { content: "Edit"; } .vo-files ul .image-controls .delete { background: #FF0000; position: sticky; top: 100%; } .vo-files ul .image-controls .delete:after { content: "Delete"; } .vo-files ul .loading .image { background: #eee url(../../img/loader.gif) no-repeat center; background-size: 34px; width: 100%; display: block; } .vo-files ul .loading .image img { display: none; } .vo-files ul .loading .image-controls { display: none !important; } .vo-files ul .loading .cdn-message { background: yellow; font-size: 12px; padding: 3px 0 2px 0; color: #333; } .vo-files ul .loading .loading-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*Obituaries*/ UL#obits LI,UL#for-the-record LI { padding: 15px 0; } /*Gallery*/ .gallery-title { overflow: hidden; margin-bottom: 10px; } .gallery-title h1 { float: left; margin: 0; } .gallery-title a.browse-galleries { float: right; margin: 10px 0 0 0;} @media all and (max-width: 570px) { .gallery-title h1 { float: none; } .gallery-title a.browse-galleries { float: none; margin: 0; clear: both;} } /*.gallery-browser { padding-bottom: 10px; margin-top: 50px; }*/ .gallery-browser { border-bottom: 1px dashed #CDCDCD; padding-bottom: 10px; margin: 50px 0 25px 0; } .gallery-browser h3 { font-weight: bold; font-size: 16px; float: left; margin-bottom: 10px;} .gallery-browser hr { clear: both; border: none;border-bottom: 1px dashed #CDCDCD; margin-bottom: 30px } a.browse-galleries { float: left; font-size: 12px; color: #787878; margin-left: 10px; margin-top: 2px;} a.browse-galleries:after { content: ">"; margin-left: 4px; } /*Side Content*/ #sidebarWrap { float: right; width: 211px; } #side-content { float: right; width: 32%;/*300/940*/ } #side-content LI A { display: block; } #adTopRight img{ width: 100%; height: auto; } .top-stories { width: 100%; margin-bottom: 20px;} .top-stories h3 { font-weight: bold; font-size: 16px; } .top-stories UL { list-style: none; margin-top: 10px; } .top-stories LI { font-size: 12px; line-height: 18px; margin-bottom: 5px; overflow: hidden; } .top-stories LI A.photo { background: url(../../img/section-photo@2x.png) no-repeat right 1px; background-size: 14px 11px; padding-right: 21px; } .lt-ie9 .top-stories LI A.photo { background: url(../../img/section-photo.png) no-repeat right 1px; padding-right: 21px; } .top-stories LI a.title { display: block; } .top-stories LI span.date { float: left; font-size: 11px; color: #888; } .top-stories LI a.category { float: left; color: #888; font-size: 11px; } .top-stories LI a.category:after { content: "-"; margin: 0 3px 0 5px; } /*reset ad area*/ #adTopRight P { margin: 0; padding: 0; } #adTopRight .voImage { margin: 0; padding: 0; width: 100% !important; height: auto !important; } #adTopRight IMG { margin-bottom: 20px; } /*Galleries*/ #cms_blog_default_gallery { } /*#cms_blog_default_gallery #content { width: 940px; } #cms_blog_default_gallery #content .content UL { list-style: none; } #cms_blog_default_gallery #adBottom IMG,#cms_blog_default_gallery H2.title,#cms_blog_default_gallery.gallery .publish_date { display: none; } #cms_blog_default_gallery UL LI .gallery-preview { width: 140px; height: 140px; text-align: center; display: table-cell; } #cms_blog_default_gallery.gallery .gallery-preview H3.title { font-size: 14px; margin-top: 5px; } #cms_blog_default_gallery.gallery .permalink-url .gallery-preview .image-wrap { height: 90px; overflow: hidden; outline: 1px solid #000A13; } .gallery UL#stage LI { float: left; height: 140px; width: 140px; padding: 0; position: relative; margin: 7px 7px 6px; } #cms_blog_default_gallery .name .gallery-preview:hover { outline: 1px solid #005E97; } #cms_blog_default_gallery .gallery-preview .image:hover { } #cms_blog_default_gallery .cnd-pagination { clear: both; height: 40px; } #cms_blog_default_gallery H2.title:hover { display: block; }*/ /*Homepage*/ #home-top-links .section { border-top: 1px dashed #CDCDCD; width: 48.387096774%;/*300/620*/ padding-top: 15px; float: left; margin-right: 3.225806451%;/*20/620*/ margin-bottom: 20px; } #home-top-links .section.last { margin-right: 0; } #home-top-links h3 { font-weight: bold; font-size: 16px; } #home-top-links LI { font-size: 12px; line-height: 18px; margin-bottom: 5px; } LI A.photo { background: url(../../img/section-photo@2x.png) no-repeat right 1px; background-size: 14px 11px; padding-right: 21px; } .lt-ie9 LI A.photo { background: url(../../img/section-photo.png) no-repeat right 1px; padding-right: 21px; } #home-top-links UL { list-style: none; margin-top: 10px; } /*Dialog Box Jquery UI*/ .ui-dialog.ui-widget.ui-widget-content { font-size: 0.9em; } #login-now .waiting-for-results { position: absolute; top: 122px; left: 198px; } /*Login Limit Popup*/ .ui-dialog { background: #fff; padding: 20px; font-size: 15px; line-height: 1.4em; color: #474747; box-shadow: 0px 5px 20px rgba(0,0,0,0.25); border-radius: 8px; z-index: 9999; border: none; } .ui-dialog .ui-dialog-titlebar { border-bottom: 1px solid #d3d7de; margin: -20px -20px 20px -20px; padding: 20px 20px 18px 20px; font-family: Arial, sans-serif; font-size: 1.5em; background: #014282; border: none; border-radius: 0; } .ui-dialog .ui-dialog-content { height: auto !important; color: #474747; padding: 0; } .ui-dialog .ui-dialog-buttonset { margin-top: 25px; } .ui-dialog .ui-dialog-titlebar-close { height: 40px; width: 40px; text-indent: -9999px; background: url(../../img/close-white.svg) no-repeat center; background-size: 32px; position: absolute; top: 23px; right: 13px; border: none; } .ui-dialog .ui-dialog-titlebar-close:hover { background-size: 38px; } .ui-dialog .ui-dialog-titlebar-close span { display: none; } .ui-dialog .ui-dialog-buttonpane { padding: 15px 20px; height: auto; margin: 20px -20px -20px -20px; } .ui-dialog .ui-dialog-buttonset { margin: 0; } .ui-dialog .ui-dialog-buttonset button { display: inline-block; background: #014282; height: 42px; line-height: 40px; text-decoration: none; padding: 0; margin: 0 0 0 10px; border: none; border-radius: 5px; font-weight: bold; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.45); font-family: Arial, sans-serif; font-size: 15px; cursor: pointer; } @media only screen and (min-width: 500px) { .ui-dialog { min-width: 400px; } } @media only screen and (min-width: 700px) { .ui-dialog { min-width: 600px; } } /*Footer*/ #footer { clear: both; font-size: 12px; line-height: 30px;} #footer .container { border-top: 1px dotted #D9D9D9; padding: 0; } #footer,#footer A { color: #A5A5A5; } #footer p { float: left; /*height: 50px; line-height: 50px;*/ padding: 0; margin: 20px 0; } #footer ul { float: right; /*height: 50px; line-height: 50px;*/ padding: 0; margin: 15px 0; } #footer LI { display: inline; list-style: none; margin-right: 10px; } #footer LI a { border-right: 1px solid #E8E8E8; padding-right: 12px; } #footer LI A:hover { color: #2D2D2D; } #footer LI:last-child, #footer LI:last-child a { border: none; padding: 0; margin: 0; } /*Submissions Form*/ .voForm LEGEND { display: none; } .voForm .required .required-flag { color: #FF0000; margin-left: 5px; } .vo-form-id-1 UL.question LABEL { float: left; width: 100px !important; clear: both; padding-top: 10px; } .vo-form-id-1 UL.question INPUT { float: left; width: 250px; height: 20px; } .vo-form-id-1 UL.question LI#q40 INPUT { width: 100px; } .vo-form-id-1 UL.question TEXTAREA { clear: both; width: 350px; } .voForm BUTTON.submit { border: none; color: #EFEFEF; width: 310px; height: 30px; cursor: pointer; /*for non-css3 browsers*/ background: #999; /*for IE*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005F98', endColor str='#005F98'); /*for webkit browsers*/ background: -webkit-gradient(linear, left top, left bottom, from(#5792B 7), to(#005F98)); /*for firefox 3.6+*/ background: -moz-linear-gradient(top, #5792B7, #005F98); } /*Virtual Office Form Default Style*/ .new-account BUTTON.submit.register { margin-top: 15px; } .voForm LEGEND { font-size: 18px; padding: 5px 10px; color: #247; background: #DEE; border: 1px solid #CCC; } .voForm LABEL { display: inline-block; font-size: 13px; font-weight: bold; width: 120px; zoom: 1; display: inline; } .voForm INPUT,TEXTAREA,SELECT { margin-top: 5px; } .voForm INPUT,TEXTAREA { width: 300px; border: 1px solid #BBB; padding: 4 px 5px; } .voForm TEXTAREA { height: 110px; } .voForm UL LI { list-style-type: none; margin: 5px 0; } .voForm UL LI UL LI { margin: 4px 0; } .voForm UL LI UL LI LABEL { font-weight: normal; } .voForm UL.option.checkbox LI INPUT { float: left; } .voForm UL LI UL LI INPUT { display: inline; width: 15px; } .voForm .media-upload-label { width: 46px !important; height: 18px; background: url(../../img/upload-sprite.png) 0 top; margin: 0; display: block; overflow: hidden; cursor: pointer; } .voForm .media-upload-label:hover { background: url(../../img/upload-sprite.png) 0 center; } .voForm .media-upload-label:active { background: url(../../img/upload-sprite.png) 0 bottom; } .voForm .media-upload-button { position: relative; height: 100%; width: auto; border: none; /*opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/ } /*button*/ .button { display: inline-block; zoom: 1; /*zoom and *display = ie7 hack for display:inline-block*/ display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: bold 14px / 100% Arial, Helvetica, sans-serif; padding: 0.5em 2em 0.55em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } /*blue*/ .blue { color: #D9EEF7; border: 1px solid #0076A3; background: #0095CD; background: -webkit-gradient(linear, left top, left bottom, from(#2395cf), to(#204b75)); background: -moz-linear-gradient(top, #2395cf, #014282); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2395cf', endColorstr='#204b75'); } .blue:hover { background: #007EAD; background: -webkit-gradient(linear, left top, left bottom, from(#1f83b5), to(#193a5c)); background: -moz-linear-gradient(top, #1f83b5, #193a5c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f83b5', endColorstr='#193a5c'); } .blue:active { color: #80BED6; background: -webkit-gradient(linear, left top, left bottom, from(#204b75), to(#2395cf)); background: -moz-linear-gradient(top, #014282, #2395cf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#204b75', endColorstr='#2395cf'); } /* ================================================================================== */ /* == 7. Media Queries ============================================================== */ /* ================================================================================== */ @media only screen and (min-width: 1024px) { } @media only screen and (max-width: 880px) { #footer { text-align: center; } #footer ul { float: none; } #footer p { float: none; clear: both; /*height: 35px; line-height: 15px;*/ } } @media only screen and (max-width: 768px) { #content { float: none; width: 100%; overflow: hidden; } #post-content .voImage, #post-content .voImage img { width: 100% !important; height: auto !important; } #side-content { float: none; width: 100%; } #side-content #adTopRight img { float: left; width: 47%; } #side-content #adTopRight img:nth-child(odd) { clear: both; margin-right: 6%; } .top-stories { border-top: 1px dashed #CDCDCD; padding-top: 15px; } } @media only screen and (max-width: 620px) { #header { height: 110px; } #header hgroup { float: none; margin: 0 auto; } #header #login-now { top: 0; width: 100%; height: 110px; background: url(../../img/bg-header.png); background-size: auto 100%; } #header #login-now ul li input { font-size: 16px; } /* This prevents iOS from auto-zooming */ #header #login-content { top: 16px; /*top: 32px;*/ left: 50%; margin-left: -137px; /*padding-top: 50px; background: url(../../img/logo-small@2x.png) no-repeat top; background-size: 145px 30px;*/ } .lt-ie9 #header #login-content { background: url(../../img/logo-small.png) no-repeat top; } /*IE image fix*/ #header #login-content a.forgot-my-password { color: #aaa; DISPLAY: none; } #header #login-content .message { margin: -8px 0 0 0; color: rgba(255,255,255,0.65); } #home-top-links .section { float: none; width: 100%; margin: 0 0 20px 0; } #home-top-links .section ul { overflow: hidden; } #home-top-links .section ul li, #side-content .top-stories ul li { display: inline-block; vertical-align: top;width: 45%; background: url(../../img/list-bullet.png) no-repeat left 6px; background-size: 5px; padding-left: 10px; } #home-top-links .section ul li:nth-child(odd), #side-content .top-stories ul li:nth-child(odd) { margin-right: 5%; } #weather { display: none; } } @media only screen and (max-width: 480px) { #home-top-links .section ul li, #side-content .top-stories ul li { display: block; width: 100%; background: none; padding: 0; } #home-top-links .section ul li:nth-child(odd), #side-content .top-stories ul li:nth-child(odd) { margin-right: 5%; } #side-content #adTopRight img { float: none; width: 100%; } } @media only screen and (max-width: 320px) { #post-content iframe { width: 100%; } } /* ================================================================================== */ /* == 8. Print Styles =============================================================== */ /* ================================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ================================================================================== */ /* == 9. Nick's GALLERY Stuff =============================================================== */ /* ================================================================================== */ #cms_blog_default_gallery2 ul.slides { clear: both; list-style: none outside none; min-height: 150px; padding: 20px 10px 10px; } #cms_blog_default_gallery2 ul.slides li { float: left; height: 190px; margin: 0 12px 20px 12px; padding: 0; position: relative; width: 207px; overflow: hidden; } #cms_blog_default_gallery2 ul.slides li.no-results { width: 100%; text-align: center; padding: 50px 0; } #cms_blog_default_gallery2 .gallery-browser { margin-top: 20px; border-bottom: none;} #cms_blog_default_gallery2 .gallery-browser ul.slides li { } #cms_blog_default_gallery2 .gallery-browser ul.slides li .img-box { border: 1px solid #ccc; border-radius: 7px; overflow: hidden; margin: 0 auto 5px auto;} #cms_blog_default_gallery2 .gallery-browser ul.slides li img { display: block; border-ra/dius: 7px; margin: 0 auto; } #cms_blog_default_gallery2 .gallery-browser ul.slides li a.permalink-url { font-size: 11px; color: #888; } #cms_blog_default_gallery2 .gallery-browser ul.slides li a.permalink-url span.gallery-title { display: block; font-weight: bold; font-size: 13px; color: #474747; margin-bottom: -2px; margin-top: 2px; } #cms_blog_default_gallery2 ul.slides li.first { width: 438px; height: 400px; } #cms_blog_default_gallery2 ul.slides li.first img { width: 100%; } #cms_blog_default_gallery2 ul.slides li.first a.permalink-url span.gallery-title {font-size: 24px; margin: 5px 0 2px 0;} #cms_blog_default_gallery2 ul.slides li.first a.permalink-url { font-size: 16px;} /*Gallery Control Bar*/ #cms_blog_default_gallery2 .gallery-browser #gallery-controls { max-width: 945px; padding: 10px; background: #eee !important; border: 1px solid #e5e5e5; border-radius: 35px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls .gallery-controls-inner { position: relative; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls input { border: 1px solid #e5e5e5; border-radius: 20px; font-size: 14px; padding: 10px; margin-right: 7px; width: 300px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-search-filter, #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-date-filter { background: url(../../img/search-clear.png) no-repeat; border: none; height: 20px; width: 20px; background-size: 20px; text-indent: -9999px; position: absolute; } .lt-ie9 #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-search-filter, .lt-ie9 #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-date-filter { background: url(../../img/search-clear@1x.png) no-repeat; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-search-filter:hover, #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-date-filter:hover { background-position: bottom; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-search-filter { top: 19px; left: 302px; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-date-filter { top: 19px; left: 636px; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls input:focus{ box-shadow: none; outline: none; border-color: #80BDF1;} #cms_blog_default_gallery2 .gallery-browser .waiting-for-results { position: absolute; top: 4px; right: 5px; padding: 7px; background: #fff; border: 1px solid #e5e5e5; border-radius: 30px; } #cms_blog_default_gallery2 .gallery-browser .waiting-for-results img { display: block; } #cms_blog_default_gallery2 .gallery-browser #hit-enter { font-size: 13px; } @media all and (max-width: 768px) { #cms_blog_default_gallery2 .gallery-browser #gallery-controls { border-radius: 0; margin: 0 -20px; } #cms_blog_default_gallery2 .gallery-browser #hit-enter { display: none !important; } } @media all and (max-width: 700px) { #cms_blog_default_gallery2 .gallery-browser #gallery-controls input {width: 270px; font-size: 16px; } #cms_blog_default_gallery2 .gallery-browser #gallery-controls input#date-range {display: none;} #cms_blog_default_gallery2 .gallery-browser #gallery-controls button.remove-search-filter { top: 19px; left: 272px; } #cms_blog_default_gallery2 ul.slides li.first { width: 207px; height: 190px;} #cms_blog_default_gallery2 ul.slides li.first a.permalink-url span.gallery-title {font-size: 13px; margin: 2px 0 -2px 0;} #cms_blog_default_gallery2 ul.slides li.first a.permalink-url { font-size: 11px;} } @media all and (max-width: 320px) { #cms_blog_default_gallery2 .gallery-browser #gallery-controls { width: 320px;} #cms_blog_default_gallery2 .gallery-browser .waiting-for-results { display: none; } } /*Date Tool*/ #cms_blog_default_gallery2 .datepick { font-size: 12px; border: none; border-radius: 4px !important; overflow: hidden; box-shadow: 0px 3px 8px rgba(0,0,0,0.5);} #cms_blog_default_gallery2 .datepick-nav, #cms_blog_default_gallery2 .datepick-ctrl { background: #5A5C61; } #cms_blog_default_gallery2 .datepick-month-header { background: #373737; padding: 8px 0 7px 0; color: #E0E0E0; text-shadow: 0px -1px 0px rgba(0,0,0,0.5); } #cms_blog_default_gallery2 .datepick-month-header select { margin: 0; } #cms_blog_default_gallery2 .datepick-month thead th { background: #F4F4F4; color: #666666; border: none; font-size: 10px; padding: 3px 0; } #cms_blog_default_gallery2 .datepick-month td { height: 24px; background: #E7E7E7; font-weight: bold; text-shadow: 0px 1px 1px #fff; border-color: #BBBBBB;} #cms_blog_default_gallery2 .datepick-month td .datepick-weekend { background: none; } #cms_blog_default_gallery2 .datepick-month td .datepick-other-month { background: #F0F0F0; color: #B4B3B3; heigh/t: 20px; } #cms_blog_default_gallery2 .datepick-month td span, #cms_blog_default_gallery2 .datepick-month td a { margin: 0; height: 20px; line-height: 20px; color: #666; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.05); } #cms_blog_default_gallery2 .datepick-month td a, #cms_blog_default_gallery2 .datepick-month td a.datepick-weekend, #cms_blog_default_gallery2 .datepick-month td a.datepick-other-month.datepick-weekend { background: #E4E4E4; } #cms_blog_default_gallery2 .datepick-month a.datepick-selected, #cms_blog_default_gallery2 .datepick-month a.datepick-selected.datepick-weekend { background: #CEE8FC; } #cms_blog_default_gallery2 .datepick-month .datepick-today { background: #80BCF6; border: none; height: 22px; line-height: 22px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.35); box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1), inset 0px 1px 1px rgba(0,0,0,0.45);} #cms_blog_default_gallery2 .datepick-cmd-today { margin: 0 192px; } #cms_blog_default_gallery2 .datepick-cmd { padding: 3px 10px; width: auto;} #cms_blog_default_gallery2 .datepick-cmd:hover { background: #373737; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 502; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 503; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; top: 0; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { opacity: 0.8; border-top-width: 12px; border-bottom-width: 12px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 20px; border-bottom-width: 20px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 12px solid black; left: 5px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 20px solid white; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 12px solid black; left: 3px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 20px solid white; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: -43px; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-figure a.smug-buy { background: rgba(0,0,0,0.5); color: #fff; padding: 10px; line-height: 10px; font-size: 13px; font-weight: bold; border-radius: 4px; position: absolute; top: 50px; left: 10px;} .mfp-figure .toolbar { display:none !important; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /* Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 800px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* ================================================================================== */ /* == Paywall Interstitial Prompt =================================================== */ /* ================================================================================== */ .paywall-prompt * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .paywall-prompt { position: fixed; bottom: 20px; left: 0; width: 420px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.2); overflow: hidden; z-index: 999; } .paywall-prompt .close { position: absolute; top: 0; right: 0; height: 18px; width: 18px; background: #e8e8e8 url(../../img/close.svg) no-repeat center; background-size: 14px; text-indent: -9999px; } .paywall-prompt-header { overflow: hidden; background: #f8f8f8; border-bottom: 1px solid #eee; position: relative;} .paywall-prompt-header img { float: left; width: 90px; } .paywall-prompt-header h2 { color: #333; text-align: center; padding: 0 15px 0 105px; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .paywall-prompt-body { padding: 20px; text-align: center; } .paywall-prompt-number { font-weight: bold; color: #333; margin-bottom: 10px; } .paywall-prompt-body p { font-size: 13px; } .paywall-prompt-footer { border-top: 1px solid #eee; margin-top: -6px; display: flex; justify-content: space-between; } .paywall-prompt-footer a { height: 50px; line-height: 50px; text-align: center; font-family: georgia, serif; font-size: 13px; } .paywall-prompt-footer::before, .paywall-prompt-footer::after { content: ''; display: block; width: 0; height: 0; overflow: hidden; } @media all and (max-width: 440px) { .paywall-prompt { width: 100%; bottom: auto; top: 50%; box-shadow: 0 2px 20px rgba(0,0,0,0.5); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .paywall-prompt-header img { width: 70px; } .paywall-prompt-header h2 { font-size: 18px; line-height: normal; padding: 0 10px 0 80px; } } @media all and (max-width: 400px) { .paywall-prompt-header h2 { font-size: 16px; } } /* ================================================================================== */ /* == Unsubscribe from messages page ================================================ */ /* ================================================================================== */ .unsubscribe .subscribe-message-list > ul { margin: 25px 0; } .unsubscribe .subscribe-message-list li { } .unsubscribe .subscribe-message-list li input { width: 30px; } /* ================================================================================== */ /* == Select Dropdown Menus ========================================================= */ /* ================================================================================== */ /* Latest bootstrap version, the JS doesn't display none the original html select. Instead it adds this css. */ .bs-select-hidden { display: none; } .selectpicker { display: none; } .dropdown-toggle { display: inline-block; padding: 0 10px !important; height: 42px; margin-bottom: 0; margin-top: 0 !important; font-size: 18px !important; font-weight: 400 !important; text-transform: none !important; text-shadow: none !important; line-height: 42px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #fff; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; border-radius: 3px; color: #474747; /*#888e94*/ font-family: "SourceSansProLight", Arial, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; } /*.select-small .dropdown-toggle { height: 22px; padding: 0 7px; font-size: 10px; border: 1px solid #dfdfdf; box-shadow: none; color: #a09f9f; }*/ /*.select-gray .dropdown-toggle { border: 1px solid #DFDFDF; background: #ECECEC; box-shadow: none; color: #a09f9f; }*/ .dropdown-toggle:focus { outline: none; } .dropdown-toggle:hover, .dropdown-toggle:focus { text-decoration: none; } .dropdown-toggle:active, .dropdown-toggle.active { outline: 0; } .dropdown-toggle .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; margin-right: 10px; vertical-align: middle; border-top: 7px solid #BCBEC1; border-right: 6px solid transparent; border-bottom: 0 dotted; border-left: 6px solid transparent; content: ""; } /*.select-small .dropdown-toggle .caret { margin-right: 1px; border-top: 4px solid #BCBEC1; border-right: 3px solid transparent; border-bottom: 0 dotted; border-left: 3px solid transparent; } .select-gray .dropdown-toggle .caret { border-top-color: #a09f9f; }*/ .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; flo/////at: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 12px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu > li > a { display: block; padding: 3px 11px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; cursor: pointer; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { col///or: #ffffff; text-decoration: none; background-color: #f2f2f2; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #92C76C; outline: 0; } .dropdown-menu > li.selected { background: url(../../public/pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; } .dropdown-menu > li.selected > a:hover { background: #f2f2f2 url(../../public/pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; } .dropdown-menu > li.selected > a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .dropdown-menu > li > a i { display: none; } .dropdown-menu > li > dt { display: none; } .open > .dropdown-menu { display: block;} .open > a { outline: 0;} .bootstrap-select { position: relative; display: inline-block; vertical-align: top; } .bootstrap-select > .dropdown-toggle { position: relative; fl///oat: left;} .bootstrap-select > .dropdown-toggle:hover, .bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:active, .bootstrap-select > .dropdown-toggle.active { z-index: 2; } .bootstrap-select > .dropdown-toggle:focus { outline: none;} .bootstrap-select > .dropdown-toggle:last-child:not(:first-child), .bootstrap-select > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;} .bootstrap-select .dropdown-toggle:active, .bootstrap-select.open .dropdown-toggle { outline: 0;} .bootstrap-select, .bootstrap-select[class*="span"] { display: inline-block; margin: 0; width: 100%; height: 40px;} /*.bootstrap-select.select-small { width: 100px; height: 22px; }*/ .bootstrap-select > .dropdown-toggle { width: 100%} .dropdown-menu {z-index: 2000} .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {z-index: 2051} .bootstrap-select .dropdown-toggle:focus { outline: none; box-shadow: inset 0px 0px 3px #90a3c9; } .bootstrap-select .dropdown-toggle .filter-option { overflow: hidden; position: absolute; left: 15px; right: 19px; text-align: left; height: 100%; } /*.select-small.bootstrap-select .dropdown-toggle .filter-option { left: 7px; right: 7px; line-height: 20px; }*/ .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 7px; margin-top: -2px; vertical-align: middle } .bootstrap-select >.disabled, .bootstrap-select .dropdown-menu li.disabled > a { cursor: not-allowed} .bootstrap-select > .disabled:focus {outline: none !important} .bootstrap-select[class*="span"] .dropdown-toggle {width: 100%} .bootstrap-select .dropdown-menu { max-height: 200px !important; min-width: 100%; max-width: 100%; overflow: hidden; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .bootstrap-select .dropdown-menu.inner { position: static; border: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .bootstrap-select .popover-title { padding: 7px 11px 5px 11px; border-bottom: 1px solid #e5e5e5; font-style: italic; color: #898989; } .bootstrap-select .popover-title button { display: none; }