@import url('fonts.css'); /*=--------------GENERAL STYLES ------------------*/ /* * This class will be applied to the element as soon as fonts have started loading. */ .wf-loading {visibility: hidden; } /* * This class is applied to the element when fonts have loaded and are rendered. */ .wf-active { } /* * This class is applied to the element if Typekit does not support the current browser. */ .wf-inactive { } * {margin: 0; padding: 0;} html {scroll-behavior: smooth;} html, body, form {width: 100%;} form {cursor: default;} body {background: #fff; font: 18px 'freight-sans-pro', sans-serif; font-weight: 400; color: #000; line-height: 1.4em; text-align: center; font-variant-numeric: lining-nums; font-feature-settings: lnum; } a {color: #217baf; text-decoration: underline; } a:hover, a:focus, a:active {color: #0b3d91;} p {margin-bottom: 1em; clear: both;} img {border: 0;} input, textarea, select {font-family: 'freight-sans-pro', arial, sans-serif; font-size: 1em; color: #535353; border: solid 1px #231f20; } input[type="text"], input[type="password"], input[type="email"], textarea {padding: .5em;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {-webkit-box-shadow: inset 0px 0px 5px 0px rgba(33,123,175,1); -moz-box-shadow: inset 0px 0px 5px 0px rgba(33,123,175,1); box-shadow: inset 0px 0px 5px 0px rgba(33,123,175,1);} ul, ol {padding-left: 2em; margin-bottom: 1em;} fieldset {border: 0;} div.drop {background: #fff; width: 100%; overflow:hidden; /* this hides the select's drop button */ padding:0; margin:0; position: relative; line-height: 0em; /* this is the new drop button, in image form */ border: solid 1px #000;} div.drop:before {content: '\e903'; font-family: "dabora-icons"; font-size: 2em; font-weight: bold; float: right; position: absolute; right: .1em; top: 50%; z-index: 300; -webkit-text-fill-color: black; -webkit-text-stroke: 1px white;} div.drop select { width:120% /* this percentage effectively extends the drop down button out of view */; background-color:transparent /* this hides the select's background making any styling visible from the div */; background-image:none; -webkit-appearance: none /* this is required for Webkit browsers */; border:none; box-shadow:none; padding: .5em; /* padding should be added to the select, not the div */ position: relative; z-index: 301; outline: 0; } div.dropVidYear select {width: 123%;} div.dropMonth {width: 40%; float: left; margin-right: 5%;} div.dropYear {width: 30%;} .textHide {width: 0; height: 0; display: block; position: absolute; left: -999em; top: -999em;} .icon {font-family: "dabora-icons"; font-size: 50px;} p.icon:before {content: '\e902';} .image {width: auto; height: auto; margin: 2em;} .image img {width: 100%; height: auto;} img.image {width: 90%; height: auto;} .adSold {background: red; margin-top: .25em; margin-left: .5em; padding: .25em; font-size: .75em; font-weight: bold; color: #fff;} .boxVideo {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .boxVideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .floatRight{float: right;} .floatLeft {float: left;} .noFloat {float: none; display: inline;} .clearBoth {clear: both;} .clearLeft {clear: left;} .clearRight {clear: right;} .clearNone {clear: none;} .formNote {font-size: 12px; font-style: italic; line-height: 1.1em;} .latestNews > .formNote {margin-bottom: 1em;} .extend {width: 100%; min-height: 768px;} .formNote span {font-weight: bold; color: #217196;} .textColorMain {color: #2231a8;} .textStandout {color: #2231a8; font-weight: bold;} .textAlert {color: red; font-weight: bold;} a span.textRed, .textRed {color: red;} .boxed {width: auto; border: solid 1px #217196; padding: .5em; display: block; float: right;} hr.divColor {background: #2231a8 url(../images/backgrounds/bgDivider2a.png) repeat-x 0 0; width: 100%; height: 12px; margin: 0 0 24px; clear: both;} .railContent hr.divColor {width: 70%; visibility: hidden; display: none; height: 1px; margin-bottom: 0;} .railContent table td hr.divColor {visibility: visible; height: 12px; margin: 1em 0;} #skip-to-content {display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; text-decoration: underline;} #skip-to-content:focus {background: #EFEFEF; padding: 0 10px; width: auto; height: auto; line-height: 70px; z-index: 9999;} .logoAdLink {width: 30%; margin-bottom: 1em;float: right;} .logoAdLink a {width: 100%; display: block;} .logoAdLink img {width: 100%; height: auto;} .divisionInfo {width: 70%; margin-bottom: 0; float: left;} .divisionInfo h1.headerWbutton {width: 100%;} /*Button*/ a.button {background: #2079ac; padding: .642em 1em; color: #fff; text-decoration: none; border: solid 1px #2079ac; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} a.button:hover, a.button:active, a.button:focus {background: #2231a8; color: #fff;} a.buttonLarge {font-size: 1.5em; padding: 1em 2em;} a.buttonTable {padding: .2em .5em; font-size: .8em;} a.viewAll {width: auto; color: #606060; text-transform: uppercase; display: block; float: right; text-decoration: none; white-space: nowrap;} a.viewAll:link {color: #606060;} a.viewAll:after {content: '\e905'; font-size: .8em; color: #217baf; margin-top: 2px; font-family: "dabora-icons"; display: inline-block;} a.viewAll:hover, a.viewAll:active, a.viewAll:focus {color: #217baf;} a.viewEmail {line-height: 2em; } a.viewEmail:after {content: '\e914'; font-size: 1.5em; margin-left: .2em;} a.viewAllHeader {line-height: 1.8em;} a.buttonAlt {background: #fff; color: #2079ac; border: solid 1px #2079ac;} a.buttonAlt:hover, a.buttonAlt:active, a.buttonAlt:focus {background: #2231a8; border-color: #2231a8;} ul.buttonRow {width: 100%; margin: 1em 0 2em; padding: 0; list-style: none; float: right; clear: both;} ul.buttonRow li {float: right; margin-left: 1em; } ul.buttonRow li a.button {margin-bottom: .5em; display: block; text-align: center;} ul.buttonRow li.leftSide {float: left;} ul.buttonRow li.buttonAlt {float: left; margin-left: 0;} .buttonsSticky {width: 100%; margin-top: 0; padding: 0; text-align: center; position: absolute; top: 103px; right: 2%;} ul.buttonColor {width: 100%; margin: 0 0 1em; padding: 0; float: right; text-align: right; clear: both; list-style: none;} ul.buttonColor li {display: inline-block;} ul.buttonColor li a {background: #217baf; margin-left: .5em; margin-right: .5em; padding: .2em 1em; display: block; font-size: .8em; color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} ul.buttonColor li a:hover, ul.buttonColor li a:active, ul.buttonColor li a:focus {background: #2231a8;} ul.buttonLogin {max-width: 1200px; margin: 0 auto; float: none;} a.buttonTop {float: right; clear: none;} .buttonNav a span {color: #000;} /*MODAL*/ .modalOverlay {background: #fff; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 5002;} .modalOverlay .modal {background: #fff; width: 100%; margin: 0; padding: .5em 3%; position: fixed; text-align: left; z-index: 9004;} .modalOverlay .modalVideo h2 {width: 90%;} .modalOverlay .modal a.buttonCloseVideo {background: #fff; padding: .1em .1em; font-size: 1.5em; position: absolute; top: .5em; right: .5em; cursor: pointer;} .modalOverlay .modalVideo a.buttonClose:hover, .floatingPopWrapper .floatingPop a.buttonClose:active, .floatingPopWrapper .floatingPop a.buttonClose:focus {} #modalVideoOverlay {display: none;} .modalOverlay {background: #fff; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 5002;} .modalOverlay .modal {background: #fff; width: 100%; margin: 0; padding: .5em 3%; position: fixed; text-align: left; z-index: 9004;} .modalOverlay .modalVideo h2 {width: 90%;} .modalOverlay .modal a.buttonCloseVideo {background: #fff; padding: .1em .1em; font-size: 1.5em; position: absolute; top: .5em; right: .5em; cursor: pointer;} .modalOverlay .modalVideo a.buttonClose:hover, .floatingPopWrapper .floatingPop a.buttonClose:active, .floatingPopWrapper .floatingPop a.buttonClose:focus {} .unselectable {display: none; opacity: 0; } /*Video Pop*/ #divAd.popOverlay {background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100%; position: fixed; letter-spacing: 0; top: 0; text-align: center; z-index:80001;} #divAd.popOverlay .pop {background: #fff; width: 50%; margin: 100px auto; padding: 2em; position: relative;} #divAd.popOverlay .pop h3 {color: #4859ae; text-align: left;} #divAd.popOverlay .pop a.buttonClose {background: #4859ae; width: 1.25em; height: 1.25em; display: block; font-size: 1.5em; font-weight: bold; color: #fff; text-decoration: none; line-height: 1em; position: absolute; top: .25em; right: .25em; border-radius: 50%; cursor: pointer;} #divAd.popOverlay .pop a.buttonClose:hover, #divAd.popOverlay .pop a.buttonClose:active, #divAd.popOverlay .pop a.buttonClose:focus {background: #0b3d91;} /*Headers*/ h1, h2 {font-family: 'freight-text-pro', serif; font-weight: bold; margin-bottom: 0.25em; clear: both; line-height: 1.2em;} h3, h4, h5 {margin-bottom: 0.5em; font-weight: normal; clear: both; line-height: 1.2em;} h1 {font-size: 2em; color: #217baf;} h2 {font-size: 1.5em; color: #217baf;} h3 {font-size: 1.3em; color: #6c6262;} h4 {font-size: 1.2em; color: #6c6262;} h1.headerWbutton, h2.headerWbutton {width: 70%; float: left; padding-right: 1em; clear: none;} h1.headerWbanner {width: 720px; float: left; padding-right: 1em; clear: none;} h2.withDivider {margin-bottom: 10px;} h2.withLink {width: 50%; float: left;} h1 span.storyDate {font-family: 'freight-sans-pro', sans-serif; font-size: .5em; font-weight: normal; color: #000; font-style: italic; float: right;} h1.headerWbutton .showInfo {font-size: .5em; font-style: italic; color: #000; line-height: 1em;} h1.headerWdrop {width: 50%; float: left;} .headerDrop {width: 50%; margin-bottom: 1em; float: right;} /*FORMS*/ ul.formList {width: 100%; margin: 0 0 2em 0; padding: 0; list-style: none; float: left; clear: both;} ul.formList li {width: 42.5%; margin: 0 5% 1em 0; float: left;} ul.formList li label {font-size: 1em; color: #485fa4; margin-bottom: .5em; line-height: 1.3em; display: block;} ul.formList li label span {font-size: .8em;} ul.formList li input[type="text"], ul.formList li input[type="password"], ul.formList li input[type="email"] {width: 100%;} ul.formList li.full {width: 90%} ul.formList li.quarter {width: 18.5%;} ul.formList li.invoice {clear: both;} ul.formList li.passwordSpace {margin-bottom: 1;} ul.formList li.listHeader {width: 100%; padding-top: 1em;} ul.formList li.listCaptcha div div p label {font-size: .9em; font-style: italic;} ul.formList li.totals {font-weight: bold; text-align: right;} ul.formList li.amount {text-align: right;} ul.formList li.state {width: 10%} ul.formList li.state select {width: 100%;} ul.formList li.zip {width: 12%} ul.formList li.country {width: 12%} ul.formList li.checkbox {line-height: 1em;} ul.formList li.checkbox input[type="checkbox"] {float: left; margin-right: .5em;} ul.formList li.checkbox label {width: 90%; float: left;} ul.formList li.checkbox label span {line-height: 1.1em;} ul.formList li.radio {line-height: 1em;} ul.formList li.radio span.radioGroup input[type="radio"] {float: left; clear: both; margin-right: .5em;} ul.formList li.radio span.radioGroup label {width: 93%; float: left; font-size: 1em; font-weight: normal; color: #000; line-height: .6em;} ul.formList li.radio span.radioGroup label span {line-height: 1.1em;} ul.formList li.radio span.radioGroupFull label {width: 95%;} ul.formList li.radio span.radioGroupInline input[type="radio"] {float: left; margin-right: .5em;} ul.formList li.radio span.radioGroupInline label {width: auto; margin-right: 1em; float: left; font-size: 1em; font-weight: normal; color: #000;} ul.formList li textarea {width: 100%;} ul.formList li ul.buttonRow, ul.formList li ul.buttonRow li a {margin-bottom: 0;} ul.formList li ul.buttonRow li, ul.formList li ul.buttonRow li a {float: right;} ul.formList li.button {text-align: right;} ul.formLogin {width: 50%; margin: 0 25%;} ul.formLogin li {width: 100%;} ul.formLogin li.full ul.buttonRow li {width: 45%; margin-right: 0;} ul.formLogin li label {width: 100%; display: block;} ul.formLogin li .formNote {font-size: .9em; font-weight: normal;} ul.formLogin li.checkbox .formNote {font-size: .8em;} ul.formList li ul.buttonRow li {margin-right: 0; text-align: right;} ul.formList li ul.buttonRow li.buttonAlt {float: left; text-align: left;} ul.formList li ul.buttonRow li.buttonAlt a {float: left;} .contentInterior .railRightLarge ul.formLogin {width: 100%; margin: 0;} .contentInterior .railRightLarge ul.formLogin li.full {width: 100%;} .contentInterior .railRightLarge ul.formLogin li .formNote {margin-bottom: 0;} /*Pagination*/ ul.pagination {width: 100%; margin: 0 0 2em 0; padding: 0; list-style: none; float: right; text-align: right; clear: both;} ul.pagination li {display: inline-block; margin-left: .3em;} ul.pagination li.pageInfo {float: left;} ul.pagination li strong {background: #fff; min-width: 1.5em; height: 1.5em; color: #0b3d91; border: solid 3px #fff; text-align: center; display: inline-block; position: relative;} ul.pagination li a {background: #217baf; min-width: 1.5em; height: 1.5em; border: solid 3px #217baf; color: #fff; text-decoration: none; line-height: 1.25em; text-align: center; display: inline-block; position: relative; } ul.pagination li a:hover, ul.pagination li a:active, ul.pagination li a:focus {background: #0b3d91; border: solid 3px #0b3d91;} ul.pagination li a.pagePrev div, ul.pagination li a.pageNext div{margin: auto; font-family: "dabora-icons"; font-size: .9em; color: #fff; line-height: 1.50em; display: inline-block;} ul.pagination li a.pagePrev span, ul.pagination li a.pageNext span {width: 0; height: 0; display: block; position: absolute; left: -999em; top: -999em;} ul.pagination li a.pagePrev:before, ul.pagination li a.pageNext:before {font-family: "dabora-icons"; line-height: .75em; } ul.pagination li a.pagePrev:before {content: '\e904';} ul.pagination li a.pageNext:before {content: '\e905';} /*Content*/ #wrapper {min-height: 100%; position: relative; left: 0; transition: all .5s ease-out 0s; text-align: center;} #wrapper:after, .footerWrap:after {height: 168px;} .contentMain {width: 96%; max-width: 1200px; margin: 0 auto; padding: 0 0; clear: both;} .content {width: 100%; padding: 145px 0 2em; float: left; text-align: left;} .contentInterior {padding-top: 200px;} .contentList {display: table-cell; vertical-align: top; padding-top: 5px; padding-right: 40px;} .grayWrap {background: #f2f2f2; width: 100%; margin: 0 0 0; padding: 50px 0 0; border-bottom: solid 1px #c2c2c2; text-align: center; float: left; clear: both; -webkit-box-shadow: inset 0px -4px 4px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px -4px 4px 0px rgba(0,0,0,0.15); box-shadow: inset 0px -4px 4px 0px rgba(0,0,0,0.15);} .grayWrap .gray {max-width: 1200px; margin: 0 auto;} .grayWrap.GrayAds {background: #fff; margin-bottom: 2em;} .contenderImage {text-align: center;} .contenderImage img {width: 100%; height: auto;} .adImage img {width: auto;} .recordLink {text-align: right;} /* INTERIOR NAV*/ ul.tabsNav {background: #2231a8; width: 100%; margin: 0 0 1em; padding: 0; border: solid 1px #2231a8; float: left; clear: both; list-style: none; font-size: 12px;} ul.tabsNav li {width: auto; float: left; display: block;} ul.tabsNav li.textOnly {float: left; margin-right: 1em; line-height: 2.75em; display: none;} ul.tabsNav li a {background: #2231a8; padding: 0 12px; color: #fff; border-right: solid 1px #fff; text-decoration: none; display: block;} ul.tabsNav li a:hover, ul.tabsNav li a:active, ul.tabsNav li a:focus, ul.tabsNav li.active a {background: #fff; color: #2231a8;} table.tabsNav {background: #2231a8; width: 100%; margin: 0 0 2em; padding: 0; border: solid 1px #2231a8; border-left: 0; float: left; clear: both; font-size: 12px;} table.tabsNav td {display: block; float: left;} table.tabsNav td a {background: #2231a8; padding: 0 12px; color: #fff; text-decoration: none; border-right: solid 1px #fff; border-left: solid 1px #2231a8; display: block;} table.tabsNav td a:hover, ul.tabsNav td a:active, table.tabsNav td a:focus, table.tabsNav td a.active {background: #fff; color: #2231a8;} div.tabsNav {width: 100%; margin: 0 0 1em; padding: 0; float: left; clear: both; list-style: none; font-size: 12px;} div.tabsNav a {background: #2231a8; padding: 0 12px; color: #fff; border: solid 1px #2231a8; display: inline-block; text-decoration: none;} div.tabsNav strong {border: solid 1px #2231a8; display: inline-block; padding: 0 12px;} div.tabsNav a:hover, ul.tabsNav li a:active, div.tabsNav a:focus {background: #fff; color: #2231a8;} /*HEADER*/ .headerWrap {width: 100%; text-align: center;} .header {width: 100%; height: 90px; margin: 0 auto 0; bottom: 0;} div#header-fixed { background:#fff; border-bottom: solid 1px #eee; z-index: 8001; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15); position:fixed; top:0px; margin:auto; z-index:80000; width:100%;} #wrapper.nav-closed div#header-fixed {left: 0;} #wrapper.nav-open div#header-fixed {left: initial;} .headerContent {max-width: 1200px; margin: 0 auto;} ul.socialList {margin: 0 30px 0 0; padding: 0; float: right; list-style: none; text-align: right;} ul.socialList li {display: inline-block; margin-left: .5em;} ul.socialList li a {display: block; font-family: "dabora-icons"; font-size: 1.75em; color: #939598; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} ul.socialList li a:hover, ul.socialList li a:active, ul.socialList li a:focus {color: #0b3d91;} ul.socialList li.fb a:before {content: '\E90a';} ul.socialList li.tw a:before {content: '\E909';} ul.socialList li.pi a:before {content: '\E901';} ul.socialList li.in a:before {content: '\E908';} ul.socialList li.searchBox {margin-left: 1em; font-size: .65em; border: solid 1px #77787b; overflow: hidden; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;} ul.socialList li.searchBox label {width: 1px; height: 1px; display: block; position: absolute; left: -999em;} ul.socialList li.searchBox input[type="text"] {width: 20em; padding: .5em 1em; color: #939598; float: left; border: 0; outline: 0; line-height:1.5em;} ul.socialList li.searchBox a.buttonSearch {margin-top: .1em; margin-right: .1em; font-family: "dabora-icons"; font-size: 2.25em; color: #217baf; float: left; display: block;} ul.socialList li.searchBox a.buttonSearch:hover, ul.socialList li.searchBox a.buttonSearch:active, ul.socialList li.searchBox a.buttonSearch:focus {color: #2231a8;} ul.socialList li.searchBox a.buttonSearch:before {content: '\e917';} ul.socialList li.searchBox a.buttonSearch span {position:absolute; left:-99999px; width:1px; height:1px; top:auto;} ul.searchBoxForums {width: 100%; margin: 0 0 1em; padding: 0; float: left; clear: both; text-align: right; list-style: none;} ul.searchBoxForums li a.button {font-size: 1em; padding: .50em 1em; float: right;} ul.searchBoxForums li input[type="text"] {border-right: 0;} .headerWrap .daboraMenu {width: 96%; max-width: 1200px; margin: 0 auto; padding: 0; position: relative;} .headerWrap a.logoLink {width: 25%; padding: 1em 0; text-align: left; float: left; position: relative; z-index: 801;} .headerWrap a.logoLink img {width: 100%; max-width: 200px; height: auto; display: block; float: left;} .headerWrap a.mobile-nav-button {padding: .2em; font-family: "dabora-icons"; font-size: 1em; color: #217baf; text-decoration: none; display: none; float: right;} .headerWrap a.mobile-nav-button span {width: 0; height: 0; display: block; position: absolute; left: -999em; top: -999em;} .headerWrap a.mobile-nav-button:hover, .headerWrap a.mobile-nav-button:active, .headerWrap a.mobile-nav-button:focus {color: #2231a8;} .navWrap {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;} .nav {max-width: 1200px; height: 20px; margin: 0 auto; position: relative;} #wrapper.nav-open {left: 276px; display: block; overflow: scroll;} #wrapper.nav-open > header .header-content {display: block; left: 0; transition: all .5s ease-out 0s; position: fixed;} #wrapper #sideBarWrap {-webkit-transition: all 0.5s ease; transition: all 0.5s ease-out 0s;} /*div#header-fixed.sticky ul.socialList {display: none;}*/ div#header-fixed.sticky a.logoLink {width: 7%; padding: .5em 0;} .buttonLogout {font-size: .7em; line-height: 1em; position: absolute; top: -.6em; right: 0;} .buttonSlide, .mobile-nav-button {font-style: normal; display: block; text-decoration: none;} .buttonSlide:before, .mobile-nav-button:before {content: '\e900'; font-family: "dabora-icons"; font-size: 24px; line-height: 25px; color: #217baf; display: block; cursor: pointer;} #wrapper #sideBarWrap {background: transparent; width: 235px; height: 100%; position: fixed; right: /*0*/-235px; top: 250px; z-index: 5000; border: 0;} #sideBarWrap.slide-open {right: 235px;} /*HOME PAGE AREAS*/ /*Hero*/ .hero {width: 662px; height: 537px; margin-right: 60px; margin-bottom: 50px; position: relative; float: left; clear: both; overflow: hidden;} .hero .heroImage {width: 100%; height: 537px; float: left; text-align: center; position: absolute; z-index: 200;} .hero .heroMessage {background: transparent url('../images/backgrounds/pattern-02b.png') repeat 0 0; width: 100%; padding: 1% 2%; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 201; line-height: 1.1em; text-align: left;} .hero .heroMessage h2 {font-size: 1.5em; color: #fff; line-height: 1.3em; margin-bottom: .1em;} .hero .heroMessage p {font-size: .9em; margin-bottom: 0;} .hero .heroMessage a {width: auto; color: #fff; text-transform: uppercase; display: block; float: right; text-decoration: none;} .hero .heroMessage a:after {content: '\e905'; color: #217baf; margin-top: 2px; font-family: "dabora-icons"; display: inline-block;} .hero .heroMessage a:hover, .hero .heroMessage a:active, .hero .heroMessage a:focus {color: #217baf;} .hero .heroMessage span {height: 9em; padding-right: 5em; display: block; overflow: hidden; font-size: 90%; line-height: 1.4em;} .prev, .next {font-family: "dabora-icons"; font-size: 3em; color: #fff; text-decoration: none; position: absolute; top: 40%; z-index: 202; opacity: .5;} .prev {left: .5em;} .next {right: .5em;} .prev:before {content: '\e904';} .next:before {content: '\e905';} .prev span, .next span {position:absolute; left:-99999px; width:1px; height:1px; top:auto;} .prev:hover, .prev:active, .prev:focus, .next:hover, .next:active, .next:focus {color: #fff; opacity: 1;} /*Home Page Gray Side Bar*/ .graySide {background: #fbfbfb; width: 460px; min-height: 537px; margin-bottom: 50px; float: left; text-align: left; position: relative;} .latestIssues {background: #cee2ed; width: 100%; padding: 10px 0 0 0; float: left; clear: both;} .latestIssues h2 {margin: 0 6px .5em;} .latestIssuesWrap ul.latestIssues {width: 100%; margin: 0; padding: 20px; float: left; clear: both; list-style: none;} .latestIssuesWrap ul.latestIssues li {width: 25%; margin: 0 0 1em; padding: 0 1em; display: inline-block; float: left;} .latestIssuesWrap ul.latestIssues li a {width: 100%; display: block;} .latestIssuesWrap ul.latestIssues li a img {width: 100%; height: auto;} .recentShows {background: #fbfbfb; width: 100%; padding: 20px 6px 10px 6px; float: left; clear: both;} .recentShowsList {position: relative; max-height: 7em; overflow: hidden;} .recentShows a {margin-bottom: .5em; padding: 0 .2em; color: #606060; text-decoration: none; line-height: 1em;} .recentShows a:link {color: #606060} .recentShows a:hover, .recentShows a:active, .recentShows a:focus {color: #217baf;} .recentShows a.viewAll {width: 100%; clear: both; text-align: right; position: absolute; bottom: .15em; right: .15em;} .recentShows a:nth-child(1) {padding-left: 0;} /*Home Page Features*/ .featureList {width: 100%; float: left; clear: both;} .featureList ul {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} .featureList ul li {width: 100%; float: left; clear: both; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 4px #ddded1; } .featureList ul li .featureDate {width: 200px; padding: 0 10px; float: left;} .featureList ul li .featureDate strong {display: block; color: #0b3d91; text-transform: uppercase; line-height: 1.1em;} .featureList ul li .featureDate span.date {font-size: .75em; color: #6e7c7c; line-height: 1em;} .featureList ul li .featureDetails {width: 680px; padding: 0 10px; float: left;} .featureList ul li .featureDetails p {font-size: .95em; color: #6c6262; line-height: 1.3em;} .featureList ul li .featureDetails a.viewAll {float: left;} .featureList ul li .featureThumb {width: 320px; padding: 0 10px; float: left; text-align: center; overflow: hidden;} .featureList ul li .featureThumb img {width: 100%; height: auto; max-width: 320px;} /*Latest News - Home List*/ .latestNews {width: 800px; margin-bottom: 3em; float: left;} .latestNews ul.latestNews {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none; line-height: 1.2em;} .latestNews ul.latestNews li {width: 100%; margin-bottom: 1em;} .latestNews ul.latestNews li h3 {font-size: 1.1em; margin-bottom: .3em;} .latestNews ul.latestNews li h3 a {text-decoration: none;} .latestNews ul.latestNews li p {color: #606060; margin-right: .5em;} .latestNews ul.latestNews li a.viewAll {width: auto; font-size: .9em; float: none; display: inline-block;} ul.railNews {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none; line-height: 1.1em;} ul.railNews li {width: 100%; margin-bottom: 2em;} ul.railNews li a {text-decoration: none;} ul.railNews li a h3 {margin-bottom: 0; text-decoration: none;} /*NEWS SECTION*/ .newsArticle {display: table-cell; vertical-align: top; padding-right: 1em;} .newsHalf {padding: 1em 1em 1em 0; display: table-cell; vertical-align: top;} .recentShowsNews {background: #cee2ed; width: 249px; padding: 1em; position: relative; display: table-cell; right: auto; top: auto;} /*FIND EVENTS*/ .findEvents {background: #f0efef; width: 100%; margin-bottom: 2em; float: left; border: solid 1px #060606;} .findEvents h2 {background: #2231a8 url(../images/backgrounds/bgDivider2a.png) repeat 0 0; padding: .5em; color: #fff;} .findEventsInterior {padding: 1em;} .findEvents .eventMap {width: 48%; height: 20em; margin-right: 4%; margin-bottom: 1em; border: solid 1px #221f1f; float: left;} .findEvents .eventResults {background: #fff; width: 48%; max-height: 20em; margin-bottom: 1em; float: left; border: solid 1px #221f1f; overflow-y: scroll; overflow-x: no-display} .findEvents .eventResults ul {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} .findEvents .eventResults ul li {width: 90%; margin: 0 5%; padding: .5em; font-size: .9em; color: #606060; border-bottom: solid 1px #221f1f} .findEvents .eventResults ul li a {font-size: 1.2em; text-decoration: none; display: block;} .findEvents a.viewAll {background: #6194bc; width: 100%; padding: 0 1em; font-size: .8em; color: #fff; text-align: right;} .findEvents a.viewAll:after {color: #fff;} .findEvents a.viewAll:hover, .findEvents a.viewAll:active, .findEvents a.viewAll:focus {background: #2231a8;} /*Videos Area*/ .watchedVideos {} /*Subscribe Page*/ .tagSubscribe {width: 25%; max-width: 184px; margin: 0 0 1em 1em; float: right; } .tagSubscribe img {width: 100%; height: auto;} ul.listChecks {width: 100%; margin: 0 0 2em; padding: 0; list-style: none;} ul.listChecks li {margin-bottom: .5em;} ul.listChecks li:before {content: '\e912'; margin-right: .5em; font-family: 'dabora-icons'; font-size: 1.5em; color: #9e3b03;} /*RAILS*/ .railContent {width: 800px; margin-right: 20px; margin-bottom: 3em; float: left;} .contentInterior .railContent {width: 1020px;} .contentInterior .railContentSmall {width: 800px;} /*.contentInterior .railContent p {clear: none;}*/ .railRight {width: 380px; margin-bottom: 3em; float: left; text-align: center;} .contentInterior .railRight {width: 160px;} .contentInterior .railRightLarge {width: 380px;} .contentBody p {clear: none;} .rightRailLogin {float: right;} .contentInterior .railContent .videoSelector {padding: 1em;} .railAds {background: #f2f2f2; width: 100%; float: left; clear: both; margin: 0 0 2em; padding: 1em;} .railAds a {width: 100%; max-height: 170px; margin: 0 2% 1em; display: block; float: left; overflow: hidden;} .railAds a img {width: 100%; height: auto; max-width: 133px;} .videoAds {width: 133px; float: left;} .videoAds a {max-height: 74px; display: block; clear: both; margin-bottom: 20px;} .videoAds a img {max-width: 133px; height: auto;} .emailSubscribe {background: #fbf9f9 url('') 0 0; width: 300px; margin: 0 auto 2em; padding: 2em .5em 1em; border: solid 2px #2231a8; position: relative } .emailSubscribe h2 {margin-bottom: 1.5em; font: 1.30em 'freight-sans-pro', sans-serif; color: #606060;} .emailSubscribe input {width: 80%; height: 2em; margin-bottom: 1em; padding: 0 1em; font-size: .833em; text-transform: uppercase; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border: solid 1px #77787b;} .emailSubscribe a.viewAll {float: none;} .emailSubscribe:before {content: '\E914'; background: #fff; width: 1em; font-family: "dabora-icons"; font-size: 3.25em; color: #2231a8; display: inline-block; position: absolute; top: -.20em; left: 0; right: 0; margin: auto;} /*Footer*/ .footerWrap { background: #121313; /* Old browsers */ background: -moz-linear-gradient(top, #121313 0%, #818285 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #121313 0%,#818285 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #121313 0%,#818285 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121313', endColorstr='#818285',GradientType=0 ); /* IE6-9 */ width: 100%; height: 168px; padding: 0; text-align: center; clear: both; position: relative;} .footerPatt {background: transparent url(../images/backgrounds/pattern-01c.png) repeat 0 0; width: 100%; height: 100%; } .footer {width: 96%; height: 100%; max-width: 1200px; margin: 0 auto; padding: 75px 2% 0; text-align: center; position: relative;} .footer h2 {color: #fff; margin-bottom: .75em;} .utilityFooterWrap {background: #2231a8; width: 100%; height: 40px; text-align: center; position: absolute; top: 0; left: 0;} .utilityFooter {width: 96%; height: 100%; max-width: 1200px; margin: 0 auto; text-align: center; position: relative;} ul.navUtility {width: 100%; margin: 0; padding: 13px 0 0; font-size: .7em; line-height: 1em; clear: both; list-style: none;} ul.navUtility li {display: inline-block;} ul.navUtility li a {width: auto; height: auto; padding: 0 1em; color: #fff; text-decoration: none; display: block; border-right: solid 1px #fff;} ul.navUtility li a:hover, .utilityFooter ul li a:active, .utilityFooter ul li a:focus {color: #ccc;} ul.navUtility li:last-child a {border: 0;} .footer ul.navUtility {width: auto; position: absolute; left: 0; bottom: .5em;} .footer ul.navUtility li {float: left; text-align: left;} .footer .copyRight {font-size: .7em; color: #fff; line-height: 1em; position: absolute; right: 0; bottom: .5em;} /*Ads*/ .boxAd {display: block;} .boxAdWide {margin-bottom: 1em; height: 90px; position: relative;} .boxAdWide a {height: 90px; overflow: hidden;} .boxAdWide a img {max-width: 768px; max-height: 90px;} .boxAd img {width: 100%; height: auto;} .grayAdvertisers {text-align: left; padding-bottom: 50px;} .grayAdvertisers ul {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} .grayAdvertisers ul li {float: left;} .grayAdvertisers ul li a {width: 115px; height: 157px; display: block; margin-right: 40px; overflow: hidden;} .grayAdvertisers ul li:last-child a {margin-right: 0;} .grayAdvertisers ul li a img {width: 100%; height: auto;} .grayAdvertisers table {width: 100%; text-align: center;} .boxAdRotating {width: 300px; height: 361px; margin-right: 100px; margin-bottom: 3em; float: left;} .RadRotator .rrRelativeWrapper {} .RadRotator .rrClipRegion .rrItemsList {} .RadRotator .rrVerticalList.rrItemsList li.rrItem {width: 300px; height: 361px;} .railRotator .RadRotator .rrVerticalList.rrItemsList li.rrItem {width: 249px; height: 300px;} .boxAdRotating img {width: 100%; height: auto; max-width: 300px; min-width: 300px; min-height: 361px;} .boxAdVertical {width: 100%; text-align: center;} .boxAdVertical a {width: 100%; max-width: 300px; display: block; margin: 0 auto 2em;} .boxAdVertical a img {width: 100%; height: auto;} .RadRotator {float: right; margin: 0 0 1em 0; text-align: left;} .RadRotator > table {text-align: right; float: right;} .adHoriz {float: right; margin-bottom: 1em;} .adHoriz a {width: 100%; display: block;} .adHoriz a img {width: 100%; height: auto; max-width: 768px;} /*subscribe Box*/ .boxSubscribe {background: #000 url('../images/backgrounds/pattern-02b.png') 0 0; width: 100%; height: 240px; margin-bottom: 2em; padding: 1em; float: left; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;} .boxSubscribe h2, .boxSubscribe p {width: 40%; color: #fff;} .boxSubscribe h2 {font-size: 1.25em; } .boxSubscribe p {margin: 1em 0 0 1em; display: block; text-align: center; line-height: 1.1em;} .boxSubscribe p a.viewAll {margin-top: 1em; color: #fff; text-align: center; float: none;} .boxSubscribe p a.viewAll:hover, .boxSubscribe p a.viewAll:active, .boxSubscribe p a.viewAll:focus {color: #217baf;} .boxSubscribe .imgMag {width: 40%; height: 90%; position: absolute; right: 0; bottom: 0; overflow: hidden;} .boxSubscribe .imgMag img {width: 100%; height: auto;} .imgPodWrap {background: #000 url('../images/backgrounds/ipad-frame.png') no-repeat left top; background-size: cover; width: 36%; height: 56%; position: absolute; right: 20%; bottom: 0; overflow: hidden; z-index: 20; } .imgPodWrap .imgPod {width: 80%; position: absolute; left: 11%; top: 20%; z-index: 10;} .imgPodWrap .imgPod img {width: 100%; height: auto; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} /*Thumbs*/ ul.videoThumbs {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} ul.videoThumbs li {width: 18%; float: left; margin: 0 1% 1em; line-height: 1.1em;} ul.videoThumbs li a {width: 100%; height: 100px; margin-bottom: .5em; text-align: center; overflow: hidden; display: block; position: relative;} ul.videoThumbs li a img {width: 100%; height: auto;} ul.videoThumbs li h3 {margin-bottom: 0; font-size: 1em; color: #217baf;} ul.videoThumbs li p {font-size: .777em; color: #606060; line-height: 1.1em;} ul.videoThumbs li a span.icon {width: 100%; height: 100%; font-family: 'dabora-icons'; color: #fff; position: absolute; left: 0; top: 0; line-height: 100%;} ul.videoThumbs li a span.icon:after {content: '\E902';width: 100px; height: 100px; margin: auto; font-size: 1.5em; line-height: 1.25em; opacity: .75; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} ul.videoThumbs li a:hover span.icon:after, ul.videoThumbs li a:active span.icon:after, ul.videoThumbs li a:focus span.icon:after {opacity: 1;} /*ReporTV*/ .contentInterior .contentVideos {width: 800px; position: relative;} .contentInterior .contentVideos h1 {width: auto; margin-bottom: 1em; line-height: 2em; float: left; clear: none;} .logoReporTV {float: left; margin-right: 2em;} .railAdsReportv {width: 380px;} .railAdsReportv a {width: 48%; max-height: 74px; margin: 0 1% .75em; float: left; text-align: center;} .railAdsReportv a img {max-width: 133px;} div.dropVidYear select {width: 123%;} .videoPlayer {width: 100%; float: left; position: relative; margin: 0 20px 1em 0; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .videoPlayer iframe, .videoPlayer embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .countDown {background: #000; position: absolute; padding: .5em 1em; font-size: .8em; color: #fff; top: 18px; right: 0; z-index: 200;} .countDown a {color: #fff;} .countDown span#cntdwn:before {content: 'You can skip the ad in: '; } .sortingTools {background: #cee2ed; width: 100%; margin-bottom: 1em; padding: .5em 1em .5em 1em; float: left; clear: both; text-align: left;} .sortingTools ol.tools {width: 100%; margin: 0; padding: 0; font-size: .8em; float: left; clear: both; list-style: none;} .sortingTools ol.toolsHalf {width: 50%;} .sortingTools ol.tools li {width: auto; margin-right: 2em; float: left;line-height: 1.1em;} .sortingTools ol.tools li label {margin-bottom: .25em; display: block;} .sortingTools ol.tools li ul.buttonRow {margin-bottom: 0;} .sortingTools .formNote {margin-bottom: 3em; display: block; float: left; clear: both;} .contentInterior .railRight .videoSelector {padding: 1em;} .videoSelector {text-align: left;} .videoSelector ol.videoCats {width: 100%; margin: 0; padding: 0; font-size: .8em; float: left; clear: both; list-style: none;} .videoSelector ol.videoCats li {width: 100%; margin-bottom: 1em;} .videoSelector .formNote {margin-bottom: 3em; display: block; float: left; clear: both;} ul#vidSelector {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} ul#vidSelector li {width: 25%; margin: 1em 0; padding: 0 1%; float: left;} ul#vidSelector li a {width: 100%; display: block;} ul#vidSelector li a .thumbWrap {width: 100%; margin-bottom: .5em; opacity: .8;} ul#vidSelector li a .thumbWrap img {width: 100%; height: auto;} ul#vidSelector li a .thumbWrap:hover {opacity: 1;} ul#vidSelector li a label {width: 100%; height: 4.5em; overflow: hidden; float: left; font-size: .8em; line-height: 1.1em; cursor: pointer;} /*CALENDAR*/ .calendarWrap {padding: 1em 2em 1em 0; display: table-cell; vertical-align: top; position: fixed;} .calendarWrap table td {padding: .75em;} .calendarWrap table th {font-weight: normal;} .calendarWrap table td table td {padding: 0; font-weight: bold;} .calendarSingle {width: 800px;} .calendarDiv {background: #cee2ed; width: 250px; padding: 1em;} .colorToday {background: #2231a8; width: 1.5em; height: 1.5em; clear: both; float: left; margin-right: .5em;} .colorScheduled {background: #217baf; width: 1.5em; height: 1.5em; clear: both; float: left; margin-right: .5em;} .colorDesc {line-height: 1em;} .calendarWrap table td.boxGray {background: #f2f2f2; border: solid 1px #fff;} .calendarWrap table td.boxPaleColor {background: #bfcfd8; border: solid 1px #fff;} .calendarWrap table td.boxStrongColor {background: #2231a8; border: solid 1px #fff;} .calendarWrap table td.boxColor {background: #217baf; border: solid 1px #fff;} .calendarHalf {width: 60%; min-width: unset; display: block; float: right;} .calendarDiv {background: #cee2ed; width: 250px; padding: 1em; float: none; display: table-cell;} .calendarSingle {position: relative;} /*CALENDAR*/ .findEventsTable {width: 100%; display: table; vertical-align: top;} .profileCardCalendar h3 {margin-top: .5em;} .profileCardCalendar h4 a {font-size: .8em; font-weight: bold; line-height: 1em;} .profileCardCalendar .profileCard-info span.date {font-size: .9em; font-style: italic;} .profileCardCalendar .flexButton a.button {position: absolute; bottom: 1em;} .calendarListHomeWrap {display: table-cell;} .calendarListHome {height: 400px; overflow-y: scroll; padding: 1.5em 1em 0 2em; font-size: .8em; line-height: 1.1em; } .calendarListHome .profileCard {width: 100%; margin-bottom: 1em; float: left; clear: both;} .calendarListHome .profileCard .flexButton {width: 100%; float: left; clear: both; text-align: right;} .calendarListHome .profileCard .profileCard-info {width: 100%; display: block;} .calendarListHome .profileCard .profileCard-info span.date {font-style: italic;} .calendarListHome .profileCard .profileCard-info h3 {width: 100%; } .findEvents .profileCard .flexButton a.button {padding: .25em .5em; float: right; white-space: nowrap;} .findEvents .newsHalf {display: none;} .findEvents .calendarWrapper table {margin-bottom: 1em;} .profileCardCalendar {width: 250px; min-width: 250px; height: 100%; padding: 0 0 3em 1em;position: relative; display: table-cell; vertical-align: top;} .profileCardCalendar .profileCard-info #table1 {width: 100%;} .profileCardCalendar .profileCard-info .calendarWrap {padding-right: 0;position: relative; display: block; float: left; clear: both;} .findEvents .calendarWrapper {width: 100%;} .findEvents .calendarWrapper table {width: 100%; float: left; clear: both;} .findEvents .calendarWrap table td {padding: .25em;} /*Rail*/ .rightRail {width: 320px; height: 100%; margin-bottom: 2em; padding: 0; position: relative; display: table-cell; right: auto; top: auto; border: 0; z-index: auto;} .rightRailInterior .latestIssues, .rightRailInterior .recentShows {padding: 1em; text-align: left;} .rightRailInterior .latestIssues h2, .rightRailInterior .recentShows h2 {font-size: 1.2em;} .box {width: 100%; float: left; clear: both; margin-bottom: 2em; padding: 1em .7em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .box h2 {font: 1.5em nimbus-sans, arial, sans-serif; color: #217196;} .box a.videoThumb {width: 100%; display: block; float: left; clear: both; text-align: center; margin-bottom: .5em; overflow: hidden;} .box a.videoThumb img {width: 100%; height: auto;} .box a.button {clear: both; float: right;} .boxSolid {background: #217196; color: #fff; border: solid 3px #217196;} .boxSolid h2 {font-size: 1em; color: #fff;} .boxOutline {border: solid 1px #217196;} .rightRail iframe[style] {width: 100%!important; min-width: 1px!important;} .boxButtons {padding: 1em 1em 0 1em;} .boxButtons a.button {width: 100%; margin-bottom: 1em; text-align: center;} ul.listSide {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none; line-height: 1.1em;} ul.listSide li {margin-bottom: 1em;} .expiresData {width: 100%; margin-bottom: 2em; padding: 1em; float: right; border: solid 2px #000;} .endsSoon {color: red; font-weight: bold;} /*QUESTION LIST*/ ul.listPanel {width: 100%; margin: 0; padding: 0; float: left; clear: both; list-style: none;} ul.listPanel li {width: 100%; margin-bottom: 3em;} ul.listPanel li > a {font-family: lexia, Arial, sans-serif; font-size: 1.2em; text-decoration: none;} /*TABLES*/ table.tableGen {width: 100%; float: left; clear: both; margin-bottom: 1em;} table.tableGen th, table.tableGen td {padding: .2em; line-height: 1.1em;} table.tableGen th a {color: #fff; text-transform: capitalize; font-weight: normal;} table.tableGen th, table.tableGen td.tableHeaderBlue {background-color: #217baf; color: #fff;text-transform: capitalize; font-weight: normal; } table.tableGen th strong {font-weight: normal;} table.tableGen th strong a {text-transform: capitalize;} table.tableGen td.stats {text-align: right;} table.tableGen td.tableHeader {background: #fff; border: solid 1px #2231a8;} table.tableGen td.tableSpacer {display: block; height: 1em; border: 0;} table.tableGen td.cellMain {width: 70%;} table.tableGen td {border-bottom: solid 1px #f2f2f2; vertical-align: top;} table.tableGen td.showDate {font-weight: bold;} table.tableGen td a {text-decoration: none;} table.tableGen td a.button {font-size: .50em;} table.tableGen tr.tableRowAlt td {/*background: #f2f2f2;*/} table.tableGen td .catTop {float: right; line-height: 2em;} ul.detailsList {width: 100%; margin: 0 0 1em; padding: 0; float: left; clear: both; list-style: none;} ul.detailsList li label {font-weight: bold; color: #2231a8;} table.tableResults td {border-bottom: 0; border-top: solid 1px #f2f2f2;} table.tableResults td.cellAdString {border-top: 0;} a.cellAdString {color: #53537f;} a.cellAdStringChamp {color: #ffb100;} table.tableResults td.cellAdString a[style], a.cellAdString, .horseCat {font-weight: normal!important; font-size: .8em;} table.tableResults td.cellAdString a[style]:hover, table.tableResults td.cellAdString a[style]:active, table.tableResults td.cellAdString a[style]:focus cellAdString:hover, cellAdString:active, cellAdString:focus {color: #2231a8;} table.tableResults td.cellHeader {padding-top: 4em; position: relative;} table.tableResults td.cellHeader h2 {font-size: 1.2em; color: #000;} table.tableResults td .catTop {width: 30%; font-size: .7em; font-style: italic; line-height: 1.3em; position: absolute; right: 0; bottom: 1em; text-align: right;} table.tableResults td .catTop a.catTopLink {font-size: 1.5em; font-style: normal; display: block;} .horseCat {color: #886f24;} .cellAdStringChamp {color: #ffb100; font-size: .8em;} a.cellAdString {color: #53537f;} .horseinfo {width: 75%; padding-right: 1.5em; float: left;} .videoLinks {width: 25%; padding-top: .5em; text-align: left; float: left; } a.cellAdString.video {width: auto; margin-left: 1em; margin-bottom: 1em; text-align: center; display: block; line-height: 1.3em; cursor: pointer; } a.cellAdString.video span {display: block; clear: both; text-align: center;} a.cellAdString.video img {width: 100%; height: auto;} a.cellAdString.video.videoThumb {width: 100%; margin: 0 0 1em; padding: 0; clear: both; position: relative; z-index: 10; text-decoration: none;} a.cellAdString.video.videoThumb:before {content: '\e902'; width: 100%; margin: auto; font-family: "dabora-icons"; font-size: 3em; color: #fff; display: inline-block; text-decoration: none; text-align: center; position: absolute; left: 0; top: 35%; z-index: 11; text-shadow: 3px 3px 5px #333; -webkit-transition: color 0.5s ease; transition: color 0.5s ease;} a.cellAdString.video.videoThumb span {background: #4859ae; padding: .5em; color: #fff;} a.cellAdString.video.videoThumb:hover:before {color: #2231a8;} .videoLinks .cellAdString.cellAdStringChamp {width: 100%; margin-bottom: .5em;text-align: left; display: block; line-height: 1em; font-weight: bold; color: #0b3d91; float: left;} /* .videoLinks .cellAdString.cellAdStringChamp:before { content: url(/content/images/icons/video-ad-2.gif); margin-right: 0em; line-height: 1em; display: block; float: left;}*/ a.cellAdString.videoLinkSingle, a.cellAdString.videomore {margin-top: .5em;text-align: left; display: block; line-height: 1em; font-weight: bold; color: #0b3d91; float: left; cursor: pointer;} a.cellAdString.videoLinkSingle:before { content: url(/content/images/icons/video-ad-2.gif); margin-right: .25em; line-height: 1em; display: block; float: left;} a.cellAdString.video.otherAdVideo {margin-left: 0; clear: both; float: left;} a.cellAdString.video.otherAdVideo:before {content: url(/content/images/icons/video-ad-2.gif); margin-right: .25em; line-height: 1em; display: block; float: left; } a.cellAdString.video.otherAdVideo span {display: block; float: left;clear: none;} .cellAdString.videomore:before {content: '\00a0\00a0|\00a0\00a0';} a.cellAdString.videoLinkSingle:hover, a.cellAdString.videomore:hover, a.cellAdString.videoLinkSingle:active, a.cellAdString.videomore:active, a.cellAdString.videoLinkSingle:focus, a.cellAdString.videomore:focus {color: #000;} #divAd {width: 100%; position: absolute; left: 0; top: 0; } table.tableResults tr.judgesTable td {border-top: 0;background-color: #8f8f91} table.tableForum td {padding-bottom: 2em;} table.tableForum td.postTitle {font-size: 1.5em; color: #217baf;} table.tableForum td.postedOn {font-size: .8em; font-style: italic;} table.tableForum td table td {border: 0; padding-bottom: 1em;} table.tableForum td.tableButton {text-align: right; color: #fff;} table.tableForum td.tableButton a {background: #2079ac; padding: .642em 1em; color: #fff; text-decoration: none; border: solid 1px #2079ac; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} table.tableForum td.tableButton a:hover, table.tableForum td.tableButton a:active, table.tableForum td.tableButton a:focus {background: #2231a8; color: #fff;} table.tableNoRule td {border: 0;} table.tableNews {font-size: .8em;} table.tableNews td {padding: 1em 0;} table.tableNews td h2 {font-family: 'freight-sans-pro', sans-serif; font-size: 1.2em; margin-bottom: .5em;} .tableinset {width: 100%; } table.tableBreakdown {width: 50%; clear: none;} table#plcBody_NewsControl_tblStory .newsPhoto {width: 40%; float: left; padding: 0 1em 1em 0;} table#plcBody_NewsControl_tblStory .newsPhoto img {width: 100%; height: auto;} table#plcBody_NewsControl_tblStory .newsPhoto .PhotoCaption {width: 100%; float: left; clear: both; display: block; padding: 0 1em 1em 0; font-size: .9em; font-style: italic; line-height: 1.1em;} table.tableSurvey td {vertical-align: middle;} table.tableSurvey td.HeaderText {padding-top: 2em; font-weight: bold; border-top: solid 1px #f2f2f2;} table.tableSurvey tr.evenrow td {background: #f2f2f2;} table.tableSurvey td table {width: 100%; } table.tableSurvey td table tbody tr td:nth-child(1) {width: 25%;} table.tableSurvey td table tbody tr td:nth-child(2) {width: 1%;} table.tableSurvey td table tbody tr td:nth-child(3) {width: 74%;} table.tableSurvey td input[type="text"] {width: 50%;} table.tableSurvey td label {width: 25%; display: block; float: left; } body.oldCard h1 {width: 50%; float: left; clear: none;} body.oldCard h1:after {content: ""; display: table; clear: both;} body.oldCard .contentMain a.button {float: right;} body.oldCard hr.divColor {background: none; height: 1px; margin-bottom: 0; visibility: hidden;} body.oldCard table[style] {width: 100%!important;} body.oldCard table tr:first-child td {background-color: #4859ae; color: #fff;text-transform: capitalize; font-weight: normal;} a.reportv-logo, a.ReportDetails {width: 100%; display: block; float: left; clear: both;} /*ERROR PAGE*/ .containerError {background: #d6e3ee; width: 100%; margin: 5em 0 0; padding: 2em 3em; border: solid 1px #2479bd; display: block; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .containerError a.logoError {margin-bottom: 2em; float: left;} /* error messaging -----------------------------------------*/ #error, .error {min-height: 70px; margin: 1em 0; padding: 1em .5em; background: #fff url(../images/general/alertFail.png) no-repeat 10px center; color: #ff0000; border: 1px solid #EFA4A4; font-size: 1.1em; line-height: 1.5em; float: left; clear: both;} #error ul, .error ul {width: 100%; list-style: none; margin: 0; padding: 0; font-weight: normal; display: inline-block; position: relative;} #error ul:before, .error ul:before {content: '\e910'; font-family: "dabora-icons"; display: inline-block; font-size: 50px; float: left; position: absolute; left: 0; top: 0;} #error ul li, .error ul li {list-style: none; padding-left: 70px;} #error p, .error p {margin: 0;} #error strong, .error strong {font-weight: bold;} #action {min-height: 70px; margin: 1em 0; padding: 1em .5em; background: #fff url(../images/general/alertSuccess.png) no-repeat 10px 10px; color: #009900; border: 1px solid #B6EFA4; font-size: 1.1em;} #action ul, .action ul {width: 100%; list-style: none; margin: 0; padding: 0; font-weight: normal; display: inline-block; position: relative;} #action ul:before, .action ul:before, #alert ul:before, .alert ul:before {content: '\e911'; font-family: "dabora-icons"; display: inline-block; font-size: 50px; float: left; position: absolute; left: 0; top: 0;} #action ul li {list-style: none; padding-left: 70px;} #action p {margin: 0;} #action strong {font-weight: bold;} #alert {min-height: 70px; margin: 1em 0; padding: 1em .5em 1em 75px; background: #f6f4e2 url(../images/general/alertSuccess.png) no-repeat 10px 10px; color: #613f3a; border: 1px solid #c0beb0; font-size: 1.1em; line-height: 1.5;} #alert ul {list-style: none; margin: 0; padding: 0; font-weight: normal;} #alert ul li {list-style: none;} #alert p {margin: 0;} #alert strong {font-weight: bold;} .errorMessage {width: 50%; margin: 100px 25%; padding: 1em; border: solid 1px #217baf;} .errorMessage a.logoLink {width: 25%; float: left; margin-bottom: 2em;} .errorMessage a.logoLink img {width: 100%; height: auto;} .errorFooter {font-size: .8em;} /*PHOTO GALLERIES*/ .newsStoryTable, .newsStoryTable tbody, .newsStoryTable td {width: 100%; display: block;} .RadImageGallery .rigDotList > a {width: 12px!important; height: 12px!important;} /* TOP GALLERY*/ .galleryTop {width: 100%; float: left; clear: both; margin-bottom: 1em; text-align: center; position: relative;} /*.galleryTop > div {margin: 0 auto; text-align: center;}*/ .RadImageGallery .rigActiveImage img[style] {} .RadImageGallery .rigThumbnailsList img[style] {height: auto!important;} /*BOTTOM GALLERY*/ .photoGallery {width: 100%; float: left; clear: both; margin-bottom: 1em;} .photoGallery section#photos {width: 100%; display: flex; flex-wrap: wrap;} .photoGallery section#photos .photoCard {height: 300px; flex-basis: 33.3%; padding-bottom: 100%; flex-direction: column; padding: 1%; overflow: hidden; margin-bottom: .5em; overflow: hidden;} .photoGallery section#photos .photoCard a {width: 100%; display: block; position: relative; overflow: hidden;} .photoGallery section#photos .photoCard a img {width: 175%; height: auto; object-fit: cover;} .photoGallery section#photos .photoCard a:before {content: ''; background: #000; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: .25; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;} .photoGallery section#photos .photoCard a:hover:before, .photoGallery section#photos .photoCard a:active:before,.photoGallery section#photos .photoCard a:focus:before {opacity: 0;} ul.videoThumbs li a img {width: 100%; height: auto;} /* 1220 - Devices 1220px and less */ @media only screen and (max-width: 1240px) { .headerWrap a.logoLink {width: 15%; margin-left: 1em;} .grayWrap .gray {width: 96%; margin: 0 2%;} .hero {width: 68%; margin-right: 2%} .graySide {width: 30%; } .recentShows {font-size: .95em; line-height: 1.4em;} .featureList ul li .featureDetails {width: 50%;} .featureList ul li .featureDate, .featureList ul li .featureThumb {width: 25%;} .featureList ul li .featureThumb img {width: 100%; height: auto;} .latestNews {width: 70%;} .grayAdvertisers ul li {width: 10%; margin: 0 1.25% 0; overflow: hidden;} .grayAdvertisers ul li a {width: 100%; margin-right: 0;} .boxAdRotating {width: auto; margin-right: 5%; display: table-cell; position: relative; top: auto; right: auto; } .latestNews {width: auto; display: table-cell; vertical-align: top; float: none;} .railContent {width: 70%; margin-right: 5%;} .contentInterior .railContent {width: 75%; margin-right: 5%;} .railAds {width: 100%;} .railRight {width: 25%;} .contentInterior .railRight {width: 20%;} .emailSubscribe {width: 100%;} .boxSubscribe {font-size: .8em;} h1.headerWbanner {width: 55%;} .railAdsReportv {height: auto;} .railAdsReportv a {width: 100%; max-height: 74px; margin: 0 0 1em; float: left;} .contentInterior .railContentLogin {width: 50%;} .contentInterior .rightRailLogin {width: 45%;} .calendarHalf {width: 45%;} table.tableSurvey td input[type="text"] {width: 100%;} } /* 1000 - Devices 1000px and less */ @media only screen and (max-width: 1000px) { .buttonsSticky {top: 88px;} .content {padding-top: 160px} .contentInterior {padding-top: 160px} ul.formList {font-size: .8em;} .headerWrap a.logoLink {width: 15%; padding: .25em 0 2em;} .grayAdvertisers table, .grayAdvertisers table td {display: block; float: left;} .grayAdvertisers table td {padding-bottom: 1em;} .grayAdvertisers table td a {width: 90%; max-width: 115px; max-height: 157px; overflow: hidden; display: block; margin-right: 0;} .grayAdvertisers table td a img {width: 100%; height: auto;} div#header-fixed.sticky a.logoLink {padding-bottom: .5em;} .calendarHalf {width: 40%;} .calendarWrap table td {padding: .50em;} #divAd.popOverlay .pop {width: 90%;} } /* 768 - Devices 768px and less */ @media only screen and (max-width: 768px) { .hero, .hero .heroImage {height: 400px;} .recentShows {padding-top: 10px;} ul.socialList {font-size: .8em;} ul.socialList li.searchBox input[type="text"] {line-height: 2em;} .graySide {min-height: 400px; padding-bottom: 1.5em;} .latestIssuesWrap ul.latestIssues li {width: 50%;} .latestIssues h2, .recentShows h2 {font-size: 1.1em;} .calendarWrap {padding: 1em 2em 1em 0; display: table-cell; vertical-align: top; position: fixed;} .calendarWrap table td {padding: .50em;} .headerDrop {width: 100%;} } /* 767 - Devices 727px and less */ @media only screen and (max-width: 767px) { ul.buttonRow li a.button {font-size: .75em;} ul.formLogin {width: 90%; margin: 0 5%;} .content {padding-top: 20px;} .contentInterior {padding-top: 40px;} .headerWrap {padding-bottom: .5em;} .boxAdWide {height: auto; margin-bottom: .5em;} .boxAdRotating {width: 100%; text-align: center;} .RadRotator {float: none;} .headerWrap a.mobile-nav-button {margin-top: 2%; display: block;} .menu-hamburger {display: none;} .headerWrap a.logoLink {width: auto; float: right; text-align: right; padding: .5em .5em .5em 0;} .headerWrap a.logoLink img {width: auto; max-height: 50px;} .headerWrap a.mobile-nav-button {float: left;} #divHeaderMenu {background: #fff; width: 275px; height: 100%; position: absolute; left: /*0*/-280px; top: 0em;} #wrapper.nav-open #divHeaderMenu {display: block;} ul.socialList {width: 100%; margin: 0; border-bottom: solid 1px #939598; float: left;} ul.socialList li {width: auto; margin: 0;} ul.socialList li.searchBox {width: 70%; margin: 1em 15%; } ul.socialList li.searchBox input[type="text"] {width: 16em;} ul.socialList li.searchBox a.buttonSearch {float: right; margin: 0;} .buttonsSticky {position: relative;} ul.buttonLogin {width: 96%; margin: 0 2%; padding: 0; font-size: .7em;} ul.buttonColor li {display: inline-block;} ul.buttonColor li a {opacity: 1;} .hero {width: 100%;} .graySide {width: 100%; min-height: 0; padding-bottom: 0;} .latestIssues, .recentShows {width: 50%;} .videoSelector {width: 100%; } .recentShows {font-size: 1em; clear: none;} .featureList {font-size: .7em;} .featureList ul li .featureDate {width: 100%;} .featureList ul li .featureDate strong {width: auto; float: left;} .featureList ul li .featureDate span.date {float: left; line-height: 1.3em; } .featureList ul li .featureDate span.date:before {content: ' - ';} .featureList ul li .featureDetails {width: 75%;} .featureList ul li .featureThumb {width: 25%;} .grayAdvertisers ul li {width: 20%; margin-right: 2.857%; margin-bottom: .5em;} .latestNews, .railContent, .railRight {width: 100%;} .findEvents .eventMap {width: 100%; height: 10em;} .findEvents .eventResults {width: 100%; height: 15em; font-size: .8em; line-height: 1.1em;} .contentInterior .railContent {width: 100%; margin-right: 0;} .contentInterior .railRight {width: 100%;} .sortingTools ol.tools li {margin-bottom: .5em;} .railAds a {width: 50%; margin: 0 0 1em; padding: 0 1em 1em 0; float: left;} .railAds a img {min-height: 170px; max-height: 170px;} .watchedVideos {font-size: .8em;} ul.videoThumbs li {width: 48%;} ul#vidSelector li {width: 50%; margin-bottom: .5em;} .boxSubscribe {font-size: .8em;} table.tableSubscribe, table.tableSubscribe tr, table.tableSubscribe td, table.tableSubscribe th, table.tableSubscribe tbody {width: 100%; display: block; float: left; clear: both;} table.tableSubscribe td[style] {width: 100%!important;} .sortingTools ol.toolsHalf, tableBreakdown {width: 100%;} .footer ul.navUtility {width: 25%;} .footer ul.navUtility li {margin-bottom: .5em;} .footer ul.navUtility li a {border: 0;} ul.formList li {width: 100%; margin: 0 0 1em 0;} ul.formList li.full {width: 100%} ul.formList li.quarter {width: 100%;} ul.pagination {font-size: .6em;} ul.pagination li.pageInfo {width: 100%;} h1.headerWbanner {width: 100%; float: none;} h1.headerWbutton {width: 100%;} .railAdsReportv a {width: 30%; margin: 0 1% 1em; float: left;} .railAdsReportv a img {max-height: initial; min-height: initial;} .calendarWrap {width: 100%; margin: 0 0 2em; display: block;} .calendarHalf {width: 100%; display: block;} .recentShowsList {max-height: 9.8em;} div#header-fixed.sticky a.logoLink {width: auto; padding-bottom: .5em; margin-right: .5em; text-align: right;} div#header-fixed.sticky a.logoLink img {width: 85px; float: right;} .calendarWrap {padding: 1em 2em 1em 0; display: table-cell; vertical-align: top; position: fixed;} .calendarWrap table td {padding: .50em;} .calendarHalf {width: 50%;} .calendarDiv {background: #cee2ed; width: 250px; padding: 1em; float: none; display: table-cell;} .calendarSingle {position: relative;} .videoLinks, .horseinfo {width: 100%;} } /* 600 - Devices 600px and less */ @media only screen and (max-width: 600px) { .newsHalf, .recentShowsNews {width: 100%; margin-right: 0; display: block;} .hero .heroMessage {font-size: 80%;} .hero .heroMessage h2 {font-size: 120%;} .latestIssues, .recentShows {width: 100%;} .recentShowsList {max-height: initial; margin-bottom: 1.5em;} .calendarWrap {padding: 1em 0 1em 0; display: table-cell; vertical-align: top; position: fixed;} .calendarWrap table td {padding: .50em;} .calendarHalf {width: 40%;} .findEventsTable {display: block; float: left; clear: both;} .calendarListHome, .profileCardCalendar {width: 100%; display: block; float: left; clear: both;} .profileCardCalendar {padding: 1em;} .findEvents .profileCard .flexButton a.button {position: relative; bottom: initial; margin: 1em 0;} .logoAdLink, .divisionInfo {width: 100%;} .logoAdLink {text-align: center;} } /* 500 - Devices 500px and less */ @media only screen and (max-width: 500px) { .calendarWrap {padding: 1em 2em 1em 0; display: table-cell; vertical-align: top; position: relative;} .calendarWrap table td {padding: .50em;} .calendarHalf {width: 100%; clear: both;} .calendarWrap table td {padding: .75em;} } /* 414 - Devices 414px and less */ @media only screen and (max-width: 414px) { table#plcBody_NewsControl_tblStory .newsPhoto {width: 100%; padding-right: 0;} table#plcBody_NewsControl_tblStory .newsPhoto .PhotoCaption {width: 100%; padding-right: 0;} .boxSubscribe h2 {width: 50%;} table.tableSurvey td table tbody tr td:nth-child(1) {width: 35%;} table.tableSurvey td table tbody tr td:nth-child(3) {width: 64%;} } /* 375 - Devices 375px and less */ @media only screen and (max-width: 375px) { .content {padding-top: 20px;} .headerWrap a.logoLink img {max-height: 40px;} .buttonsSticky {top: 300px;} .grayWrap {padding: 1em 0;} .hero .heroMessage {font-size: .7em; } .latestIssues, .recentShows {width: 100%;} .featureList ul li .featureDetails {width: 100%;} .featureList ul li .featureThumb {display: none;} .latestNews, .findEvents h2 {font-size: .8em;} ul.videoThumbs li {width: 100%; margin: 0 0 1em;} ul.videoThumbs li a {height: 150px;} ul#vidSelector li {width: 100%; margin-bottom: .5em;} ul#vidSelector li a label {height: auto;} .boxAdRotating, .latestNews {width: 100%;} .boxAdRotating {width: 100%;} .grayAdvertisers ul li {width: 40%; max-height: 147px; margin-right: 2.857%; margin-bottom: .5em;} .expiresData {width: 96%; margin: 1em 2%;} .footer {font-size: .8em;} .footer ul.navUtility {width: 100%; top: 4em; bottom: initial; text-align: center;} .footer ul.navUtility li {margin-bottom: 0; float: none;} .footer ul.navUtility li a {border-right: solid 1px #fff;} .footer ul.navUtility li:last-child a {border: 0;} .footer .copyRight {width: 100%; left: 0; text-align: center;} table.tableGen {font-size: .8em;} table.tableGen td {line-height: 1.1em;} .railAdsReportv a {width: 48%; margin: 0 1% 1em; float: left;} .railAdsReportv a img {max-height: initial; min-height: initial;} .boxSubscribe h2 {width: 55%; font-size: 1.1em;} .boxSubscribe p {margin-left: 0; font-size: .9em;} } /* 374 - Devices 374px and less */ @media only screen and (max-width: 374px) { ul.buttonLogin {font-size: .7em;} ul.buttonColor li a {padding-top: .5em;} table.tableGen {font-size: .7em;} .calendarWrap table td {padding: .5em;} } /* 1200 - Devices 1200px and up */ @media only screen and (min-width: 1200px) { } /* 767 - Devices 767px and up AND landscape */ @media only screen and (max-width: 767px) and (orientation: landscape) { .headerWrap, .header {height: auto;} .headerWrap {padding-top: .5em;} .headerWrap a.mobile-nav-button {position: absolute; left: 0em; top: 0em;} #wrapper > header .header-content {top: 0!important;} .boxAdWide {width: 70%; float: left; padding-left: 3em;} } @media only screen and (max-width: 1024px) and (min-width: 984px) { div#header-fixed.sticky ul.socialList { display: none; } } @media only screen and (max-width: 983px) and (min-width: 768px) { div#header-fixed.sticky ul.socialList { display: none; } } /*SCROLLING BUTTONS*/ #myBtn, #myScroll { opacity: 0; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; background-color: #4859ae; color: white; cursor:default; padding: 1em; font-size: 1.25em; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; animation-name: scrolling; animation-delay: 0s; animation-duration: 2s; animation-fill-mode:both; } #myBtn {cursor: pointer;} #myScroll {display: block; } #myBtn span {display: block; width:1px; height: 1px; position: absolute; left: -9999em;} #myBtn:before {content: '\e906'; font-family: "dabora-icons";} #myBtn:hover, myScroll:hover { background-color: #2231a8; /* Add a dark-grey background on hover */ } @keyframes scrolling { 0% {opacity: 0;} 100% {opacity: 1;} } .sponsorBox {margin-bottom: 40px;} .sponsorBox span {font-size: 12px; display: block;}