@import url(https://fonts.googleapis.com/css?family=Playfair+Display|Lora|Roboto); html { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 12pt; color: #111111; line-height: 1.5em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } BODY { background-color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 12pt; color: #111111; line-height: 1.5em; padding: 0px; margin: 0px; behavior: url("/csshover3.htc"); width: 100%; height: 100%; } section { clear: both; display: block; } DIV#openspacer { margin-top: 100px; } /* 2018 NAVIGATION SYSTEM */ DIV#siteheader { display: block; width: 100%; margin: 0px; padding: 0px; z-index: 1000; position: fixed; top: 0; left: 0; border-bottom: 1px solid #DDDDDD; } DIV#siteheader TABLE TR { background-color: #FFFFFF; height: 50px; border-bottom: 1px solid #DDDDDD; } DIV#siteheader TABLE TR.submenu { background-color: rgba(0,0,0,0.9); height: 20px; border-bottom: 1px solid rgba(100,100,100,0.9); } DIV#siteheader TABLE TR.submenu TD { font-size: .8rem; color: rgba(255,255,255,0.2); padding: 5px 10px; } DIV#siteheader TABLE TR.submenu TD A { font-size: .8rem; color: rgba(255,255,255,0.7); text-decoration: none; padding: 0px 10px; } DIV#siteheader TABLE TR.submenu TD A.s { font-size: .8rem; color: #FFFFFF; text-decoration: none; padding: 0px 10px; } DIV#siteheader TD.lmenu { text-align: left; padding: 5px 10px; line-height: 40px; } DIV#siteheader TD.lmenu A { font-size: 16pt; text-decoration: none; color: #25618F; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0px; padding: 0px; } DIV#siteheader TD.lmenu A:hover { font-size: 16pt; text-decoration: none; color: #FFFFFF; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin: 0px; padding: 0px; } DIV#siteheader TD div.logo { display: inline-block; font-family: Roboto, Serif; font-size: 20pt; font-weight: normal; text-align: left; padding: 5px 10px; line-height: 40px; } DIV#siteheader TD div.logo a { text-decoration: none; color: #000000; } DIV#siteheader TD div.logo a .dot { font-weight: bold; color: #25618F; } DIV#siteheader TD div.rmenu { text-align: right; margin: 0px; display: inline-block; float: right; white-space: nowrap; } DIV#siteheader TD div.rmenu A { font-size: 16pt; text-decoration: none; color: #AAAAAA; } DIV#siteheader UL.navlist { list-style: none; padding: 0px; margin: 0px 20px 0px 0px; } DIV#siteheader UL.navlist LI.item { display: inline-block; margin: 2px; padding: 5px 10px; line-height: 40px;} DIV#siteheader UL.navlist LI.item A, DIV#siteheader UL.navlist LI.item BUTTON { font-size: 2em; color: #AAAAAA; text-decoration: none; font-family: Roboto, Arial, Sans-Serif; font-weight: normal; } DIV#siteheader UL.navlist LI.item INPUT { display: none; } @media screen and (max-width: 700px) { DIV#siteheader TD div.logo { font-size: 18pt; } } @media screen and (min-width: 700px) { DIV#siteheader TD div.logo { font-size: 20pt; } DIV#siteheader UL.navlist LI.item:hover INPUT {display: inline-block; background-color: #FFFFFF; border: 1px solid #EEEEEE; color: #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 5px; font-family: Roboto, Arial, Sans-Serif; font-size: 10pt; width: 150px; margin-right: 10px } FORM { margin: 0px; padding: 0px; display: inline-block; } } UL.announcements { list-style: none; padding: 0px; margin: 0px; } UL.announcements LI.announce { display: none; font-family: Roboto, Arial, Helvetica, Futura; font-weight: 300; font-size: .75rem; text-transform: uppercase; } UL.announcements LI.announce A { color: #888888; text-decoration: none; font-family: Roboto, Arial, Helvetica, Futura; font-weight: 300; font-size: .75rem; text-transform: uppercase; } @media screen and (max-width: 950px) { DIV#siteheader TD div.logo { min-width: 210px; } DIV#siteheader TD div.topnav { display: none; } } @media screen and (min-width: 950px) { DIV#siteheader TD div.logo { min-width:210px; } DIV#siteheader TD div.topnav { display: inline-block; line-height: 20px; padding: 0px 10px; border-right: 1px solid #CCC; } DIV#siteheader TD div.topnav:last-child { display: inline-block; line-height: 20px; padding: 0px 10px; border-right: none; } DIV#siteheader TD div.topnav A { font-family: Roboto, Arial, Helvetica, Futura; font-weight: normal; font-size: 10pt; text-transform: uppercase; color: #25618F; line-height: 20px; text-decoration: none; } DIV#siteheader TD div.topnav A:hover { color: #000000; } } /* SIDE NAV MENU */ NAV#menu { margin: 0px; background-color: #FFFFFF; padding: 0px 0px 0px 0px; } NAV#menu UL#nav { margin: 0px; padding: 0px; list-style: none; } NAV#menu UL#nav LI { margin: 0px; padding: 0px 0px; border-bottom: 1px solid rgba(0,0,0,0.05); line-height: 20px; font-size: 10pt; } NAV#menu UL#nav LI:last-child { border-bottom: none; } NAV#menu UL#nav LI A { color: #444444; font-family: Roboto, Arial, Helvetica, Futura; font-weight: bold; font-size: 10pt; text-decoration: none; } NAV#menu UL#nav LI DIV.navoption { padding: 10px 20px; height: 25px; line-height: 25px; color: #444444; } /* SUB MENU */ NAV#menu UL#nav LI.item UL.submenu { margin: 0px; padding: 0px; list-style: none; background-color: rgba(0,0,0,0.05); display: none; } NAV#menu UL#nav LI.item UL.submenu LI { margin: 0px; padding: 5px 30px 5px 30px; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; } NAV#menu UL#nav LI.item UL.submenu LI A { color: #25618F; font-family: Roboto, Arial, Helvetica, Futura; font-weight: normal; font-size: 1em; text-decoration: none; } NAV#menu UL#nav UL.submenu LI:hover { background-color: #EEEEEE; } NAV#menu I { color: #666666; } NAV#menu LI DIV.btn { display: inline; float: right; vertical-align: middle; } NAV#menu LI DIV.btn I { color: rgba(0,0,0,0.6); -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: .8rem; padding: 5px; vertical-align: middle; } NAV#menu LI DIV.btn I.rotated { color: #FFFFFF; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: .8rem; line-height: 9pt; vertical-align: middle; } NAV#menu DIV#navfooter { border-top: 1px solid #DDDDDD; background-color: #EEEEEE; padding: 10px; text-align: center; margin-top: 10px; margin-bottom: 10px; color: #666666; font-family: Roboto, Arial, Helvetica, Futura; font-weight: normal; font-size: 1.25em; display: block; clear: both; } NAV#menu DIV#navfooter B { font-size: 9pt; } NAV#menu DIV#navfooter I { font-size: 9pt; } /* HAMBURGER ICON ANIMATION */ #nav-icon { width: 30px; height: 20px; position: relative; margin: 20px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #25618F; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 6px; } #nav-icon span:nth-child(4) { top: 12px; } #nav-icon.open span:nth-child(1) { top: 6px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } /* LISTS */ UL.linklist { list-style: none; margin: 0px 0px; display: block; padding: 5px; } UL.linklist > LI { font-family: Roboto, Sans-Serif; color: #444; font-size: 9pt; margin-bottom: 5px; line-height: 125%; text-align: left; padding: 0px; } UL.linklist > LI > A { font-family: Roboto, Sans-Serif; color: #444; font-size: 9pt; line-height: 125%; text-decoration: none; } /* FORM SETTINGS */ FORM#dark select { padding: 5px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #000000; color:#ffffff; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border: 1px solid #444444; font-size: 7pt; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { FORM#dark select {padding-right:18px} } FORM#dark label {position:relative} FORM#dark label:after { content:'<>'; font:10px "Consolas", monospace; color:#aaa; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:0px; padding:0 0 2px; border-bottom:1px solid #ddd; position:absolute; pointer-events:none; } FORM#dark label:before { content:''; right:6px; top:0px; width:16px; height:16px; background:#000000; position:absolute; pointer-events:none; display:block; } FORM select { padding: 5px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #FFFFFF; color:#000000; border:none; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; border: 1px solid #AAAAAA; font-size: 8pt; } /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */ @media screen and (-webkit-min-device-pixel-ratio:0) { FORM select {padding-right:18px} } FORM label {position:relative} FORM label:after { content:'<>'; font: 8pt "Consolas", monospace; color:#AAAAAA; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:0px; padding:0 0 2px; border-bottom:1px solid #AAAAAA; position:absolute; pointer-events:none; } FORM label:before { content:''; right:6px; top:0px; width:16px; height:16px; background:#FFFFFF; position:absolute; pointer-events:none; display:block; } FORM SELECT { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; } FORM INPUT { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; } FORM INPUT[type=submit], a.fancybutton { background-color: #25618F; border: 1px solid #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.20em; line-height: 1.20em; } FORM INPUT[type=submit]:hover, a.fancybutton:hover { background-color: #25618F; } INPUT[type=submit].submit { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #888888; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.20em; } INPUT[type=submit].submit:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.20em; cursor:pointer; cursor:hand; } INPUT[type=submit].submitsm { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #888888; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .9em; } INPUT[type=submit].submitsm:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .9em; cursor:pointer; cursor:hand; } div.formfield { box-sizing: border-box; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .8em; margin-top: 10px; line-height: 125%; } div.formfield SMALL { box-sizing: border-box; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .8em; line-height: 100%; color: #25618F; } div.formfield SELECT, div.formfield INPUT { box-sizing: border-box; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1em; padding: 5px 5px; } div.formfield INPUT[type=text], div.formfield INPUT[type=password], { box-sizing: border-box; padding: 5px 2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #AAAAAA; } div.formfield INPUT[type=submit], button.submit {box-sizing: border-box; padding: 10px 20px; width: 100%; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; font-size: 1em; line-height: 1em; font-weight: bold; border: 0px; } div.formfield div.submit {box-sizing: border-box; padding: 10px 20px; max-width: 90%; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; font-size: 1em; line-height: 1em; font-weight: bold; border: 0px; } div.formfield div.submit A { text-decoration: none; color: #FFFFFF; } div.formfield INPUT.formbutton, div.formfield A.formbutton {box-sizing: border-box; font-weight: bold; text-decoration: none; padding: 10px 20px; background-color: #000000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; width: auto; font-size: 1em; } div.formfield A.formbutton:hover { text-decoration: none; width: auto; font-size: 1em; padding: 10px 20px; background-color: #25618F; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #FFFFFF; text-decoration: none; } .requestform, #requestform, form { padding: 0px; margin: 0px; } #form TH.topbar { color: #25618F; font-family: Arial, Helvetica, Futura; font-weight: bold; font-size: 12pt; } #form TH { color: #000000; font-weight: bold; font-size: 10pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; border-bottom: 1px solid #DDDDDD; padding: 10px 0px 1px 0px; text-align: left; } #form TH#multi { background-image: url(/images/form_th_bg.gif); color: #FFFFFF; font-weight: bold; font-size: 9pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; background-color: #EEEEEE; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; padding: 5px 10px; text-align: left; } #form TD { font-size: .8em; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; line-height: 125%; } #form TEXTAREA { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; } #form TEXTAREA:focus { background-color: #FFFFFF; border: 1px solid #CC9933; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; } #form INPUT { border: none; border: 1px solid #DDDDDD; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding: 3px; } #form INPUT[type=checkbox], #form INPUT[type=radio] { font-size: 1em; } #form INPUT.error { border: 1px solid #25618F; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Arial, Helvetica, Futura; color: #444444; padding: 3px; } #form INPUT:focus { background-color: #F6F6F6; border-bottom: 2px solid #33AA33; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #000000; } #form SELECT { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding-top: 2px; padding-bottom: 2px; } #form SELECT.error { background-color: #EEDDDD; border: 1px solid #25618F; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; padding-top: 2px; padding-bottom: 2px; } #form SMALL { color: #25618F; } #form SELECT:focus { background-color: #FFFFFF; border: 1px solid #CC9933; font-size: .8em; line-height: 100%; font-weight: normal; font-family: Arial, Helvetica, Futura; color: #000000; } #form P { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .8em; color: #222222; line-height: 100%; } #form B { color: #000000; } /* SPOTLIGHT */ DIV#spotlightbox { } UL#spotlight { width: 100%; margin: 10px 0px; padding: 0px; list-style: none; } UL#spotlight > LI#brand { min-height: 300px; } UL#spotlight > LI#brand > DIV.headline { margin: 10px; } UL#spotlight > LI#brand > DIV.description { margin: 0px 10px 10px 10px; } UL#spotlight > LI#brand > DIV.headline A { font-family: Roboto, Arial, Helvetica, Futura; font-weight: bold; font-size: 1.25em; text-decoration: none; color: #444444; line-height: 150%; } UL#spotlight > LI#brand > DIV.description { font-family: Roboto, Arial, Helvetica, Futura; font-weight: normal; font-size: 1em; text-decoration: none; color: #666666; min-height: 100px; line-height: 150%; text-align: justify; } UL#spotlight > LI#brand > DIV.button { background-color: #25618F; border: 1px solid #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: 120px; text-align: center; } UL#spotlight > LI#brand > DIV.button > A { text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 1.20em; } UL#spotlight > LI#brand > DIV.button:hover { background-color: #25618F; } /* NEWS TICKER */ .newstricker_inner { position: relative; line-height: 30px; margin: 0px 0px 0px 0px; padding: 0 0 0 180px; background: #FFFFFF; } .trending { background-color: #1b1c26; color: #fff; position: absolute; left: 0; font-size: 12pt; padding: 0 12px 0 11px; text-transform: uppercase; letter-spacing: 0.3px; } .trending::after { content: ''; width: 0; height: 0; border-top: 15px solid transparent; border-left: 8px solid #1b1c26; border-bottom: 15px solid transparent; position: absolute; right: -8px; } #newsticker ul LI a { font-size: 12pt; color: #000000; text-decoration: none; line-height: 30px; } #newsticker ul LI { overflow: hidden; height: 30px; } .newstricker_inner .controls { float: right; font-size: 12pt; margin: 0px 10px; } .newstricker_inner .controls A { color: #AAAAAA; } .newstricker_inner .controls A:hover { color: #25618F; } @media (max-width: 767px) { .newstricker_inner { position: relative; line-height: 30px; margin: 0px 0px 20px 0px; padding: 0 0 0 150px; background: #FFFFFF; } .trending { font-size: 10pt; } #newsticker ul LI a { font-size: 10pt; color: #000000; text-decoration: none; line-height: 30px; } } /* FEATURES */ .flexrow { display: flex; flex-flow: row wrap; align-items: stretch; align-content: stretch; width: 100%; } .flexrowr { display: flex; flex-flow: row-reverse wrap; align-items: stretch; align-content: stretch; } .flexcol1 { display: flex; flex-flow: column wrap; align-items: stretch; align-content: stretch; flex: 1; } .flexcol2 { display: flex; flex-flow: column wrap; align-items: stretch; align-content: stretch; flex: 2; } .flexcol3 { display: flex; flex-flow: column wrap; align-items: stretch; align-content: stretch; flex: 3; } .flexcolr1 { display: flex; flex-flow: column-reverse wrap; align-items: stretch; align-content: stretch; flex: 1; } .flexcolr2 { display: flex; flex-flow: column-reverse wrap; align-items: stretch; align-content: stretch; flex: 2; } .flexcolr3 { display: flex; flex-flow: column-reverse wrap; align-items: stretch; align-content: stretch; flex: 3; } .grey { background-color: #EEEEEE; color: #666666; line-height: 300px; height: 300px; text-align: center; } .black { background-color: #000000; color: #FFFFFF; line-height: 300px; height: 300px; text-align: center; } .searchbutton { border: none; background: none; font-size: 16pt; text-decoration: none; color: #AAAAAA; } /* ========================================================================== VIDEO BOX STYLES ========================================================================== */ .fullvideo { margin: 10px 0px; padding: 20px 0xp; width: 100%; background-color: #EEEEEE; } .fullvideo H2 { font-family: Roboto, Sans-Serif; color: #000000; font-size: 20pt; padding-bottom: 2px; margin: 15px 10px 10px 0px; font-weight: normal; } .fullvideo H2 A { color: #000000; text-decoration: none; } .fullvideo H2 A B { color: #25618F; text-decoration: none; } div.bottomtab { border-top: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); padding: 10px 20px; margin: 10px auto 0px auto; max-width: 150px; text-align: center; } div.bottomtab > A { font-family: Roboto, Sans-Serif; color: #25618F; font-size: 10pt; text-decoration: none; } div.bottomtab:hover { background-color: rgba(255,255,255,0.1); } SECTION { clear: both; padding: 20px 0px; } .share-header { font-family: Roboto, Sans-Serif; font-size: 12pt; text-align: center; margin: 5px auto; text-transform: uppercase; color: #000000; } /* ========================================================================== ARTBOX STYLES ========================================================================== */ .artbox { background-size: cover; background-position: center center; position: relative; background-repeat: no-repeat; background-color: #EEEEEE; width: 100%; border: 0; cursor: pointer; display: block; margin: 0px; } .artbox::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, rgba(255,255,255,.2), rgba(0,0,0,.3)); } .artbox .badge-head { top: 0; left: 10px; position: absolute; background-color: rgba(255,255,255,.8); color: #000000; padding: 5px 10pt; font-size: .8rem; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } div.artbox div.badge { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } div.artbox::after { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } div.artbox div.badge div.tag { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; width: auto; margin: 10px 0px; } div.artbox div.badge div.tag A { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: .8rem; text-decoration: none; padding: 5px 10px; background-color: rgba(0,0,0,0.7); } div.artbox div.badge div.title { padding: 0px 0px 10px 0px; font-size: 1.5rem; color: #FFFFFF; margin-bottom: 5px; line-height: 1.5rem; } div.artbox div.badge .title A { text-decoration: none; font-family: Roboto, Sans-Serif; font-weight: 700; color: #fafafa; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000000; } div.artbox div.badge div.author { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 0px; border-right: 1px solid rgba(255,255,255,.5); } div.artbox div.badge div.author A { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; } div.artbox div.badge div.date { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 10px; } div.artbox div.badge div.social { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 5px 10px 5px 10px; } div.artbox div.badge div.infobox { border-top: 1px solid rgba(255,255,255,.5); padding: 5px 5px 5px 0px; } div.artbox div.badge div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); } div.artbox div.badge div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; } div.artbox div.badge div.infobox div.data:last-child { border-right: none; } div.artbox div.badgesm { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } div.artbox::after { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%); -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; } div.artbox div.badgesm span.tag:after, div.artbox div.badgesm span.tag:before { content: ""; display: table; } div.artbox div.badgesm span.tag { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; margin: 5px 0px; } div.artbox div.badgesm span.tag A { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: .8rem; text-decoration: none; padding: 5px 5px; background-color: rgba(0,0,0,0.7); } div.artbox div.badgesm div.title { padding: 0px 0px; font-size: 1rem; color: #FFFFFF; margin-top: 10px; margin-bottom: 5px; line-height: 125%; } div.artbox div.badgesm .title A { text-decoration: none; font-family: Roboto, Sans-Serif; font-weight: 700; color: #fafafa; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000000; } div.artbox div.badgesm div.infobox { border-top: 1px solid rgba(255,255,255,.5); padding: 5px 5px 5px 0px; } div.artbox div.badgesm div.infobox div.data { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); } div.artbox div.badgesm div.infobox div.data A { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; } div.artbox div.badgesm div.infobox div.data:last-child { border-right: none; } div.artbox div.badgesm div.author { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; display: inline-block; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; border-right: 1px solid rgba(255,255,255,.5); } div.artbox div.badgesm div.author A { font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; } div.artbox div.badgesm div.date { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; } div.artbox div.badgesm div.social { display: inline-block; font-size: .8rem; font-family: Roboto, Arial, Helvetica, sans-serif; padding: 0px; color: #FFFFFF; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; padding: 0px 5px 0px 5px; } /* AJAX Content Box */ ul.contenttabs { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0; overflow: hidden; } ul.contenttabs > li:first-child { float: left; text-transform: uppercase; } ul.contenttabs > li { list-style:none; float: right; text-transform: uppercase; } ul.contenttabs > li > b { font-family: Roboto, Sans-Serif; font-size: 15pt; color: #444444; font-weight: 300; } ul.contenttabs > li > a { font-family: Roboto, Sans-Serif; font-size: 10pt; display: block; color: #444444; text-align: center; padding: 2px 5px; text-decoration: none; } ul.contenttabs > li > a:hover { color: #25618F; } ul.contenttabs > li.tabmenu UL { margin: 0px; display: none; list-style: none; position: absolute; } ul.contenttabs > li.tabmenu:hover UL { margin: 0px; padding: 0px; display: block; z-index: 10; width: auto; list-style: none; background-color: #FFFFFF; border-left: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; position: absolute; margin-left: -50px; } ul.contenttabs > li.tabmenu UL LI { margin: 0px; display: block; padding: 2px 0px; border-bottom: 1px solid #EEEEEE; float: none; background-color: #FFFFFF; width: 120px; } ul.contenttabs > li.tabmenu UL LI:hover { background-color: #F6F6F6; } ul.contenttabs > li.tabmenu UL LI > a { font-family: Roboto, Sans-Serif; font-size: 9pt; color: #444444; text-align: center; padding: 2px 5px; text-decoration: none; } ul.contenttabs > li.tabmenu UL LI > a.selected { font-family: Roboto, Sans-Serif; font-size: 9pt; color: #000000; font-weight: bold; text-align: center; padding: 2px 5px; text-decoration: none; } DIV.topicrow { padding: 0px; margin: 0px; } UL.articlelist { margin: 0px; list-style: none; padding: 0px; } UL.articlelist > LI { padding: 5px 20px; border-bottom: 1px solid #EEEEEE; } UL.articlelist > LI:last-child { border-bottom: none; } UL.articlelist > LI > SPAN { height: 52px; display: table-cell; vertical-align: middle; } UL.articlelist > LI > SPAN > A { font-family: Roboto, Sans-Serif; font-size: 10pt; color: #000000; text-decoration: none; } UL.guidelist { margin: 0px; list-style: none; padding: 0px; } UL.guidelist > LI { padding: 5px 10px; border-bottom: 1px solid #EEEEEE; } UL.guidelist > LI:last-child { border-bottom: none; } UL.guidelist > LI > SPAN { height: 32px; display: table-cell; vertical-align: middle; } UL.guidelist > LI > SPAN > A { font-family: Roboto, Sans-Serif; font-size: 10pt; color: #000000; text-decoration: none; } OL.topten { margin: 0px; list-style: none; padding: 0px; } OL.topten > LI { padding: 10px 10px; border-bottom: 1px solid #EEEEEE; color: #888888; font-size: 9pt; height: 50px; } OL.topten > LI:last-child { border-bottom: none; } OL.topten > LI > A { font-family: Roboto, Sans-Serif; font-size: 10pt; color: #000000; text-decoration: none; line-height: 125%; } .footertext { font-size: .8rem; color: #FFFFFF; } .slideout-menu { position: fixed; top: 0; bottom: 0; width: 256px; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 0; display: none; } .slideout-menu-left { left: 0; } .slideout-menu-right { right: 0; } .slideout-panel { position: relative; z-index: 1; will-change: transform; background-color: #FFF; /* A background-color is required */ min-height: 100vh; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } /* END 2018 NAVIGATION SYSTEM */ @media screen and (max-width: 700px) { #siteheader { margin: 0px; padding: 0px; } DIV#print { display: none; } DIV#sites { display: none; } div#paginate-franchisespotlight { display: none; } } @media screen and (min-width: 700px) { } /* Logo Bar & Search */ #siteheader { margin-bottom: 20px; } P#search { font-size: 12pt; font-weight: bold; color: #FFFFFF; font-family: Roboto, Sans-Serif; padding: 0px 5px; margin: 0px; line-height: 100%; text-align: left; } #results{ margin-left: 5px; width:200px; border:solid 1px #DEDEDE; display:none; position: absolute; z-index: 100; background-color: #FFFFFF; text-align: left; } #results ul, #results li{ padding: 0px; margin: 0px; } #results li { font-size: 8pt; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: #FFFFFF; padding: 3px 10px; list-style:none; z-index: 100; } #results li:hover { background: #EEEEEE; border-top: 1px solid #F6F6F6; border-bottom: 1px solid #DDDDDD; } #results li a{ text-decoration:none; color:#000000; font-weight:bold;} #results li:hover a{ text-decoration:none; color:#25618F; font-weight:bold;} #results li.dim a{ text-decoration:none; color:#666666; font-weight:bold;} #results li.dim:hover a{ text-decoration:none; color:#25618F; font-weight:bold;} #results li small{ text-decoration:none; color:#999999; font-weight:normal;} #results li a small{ display:block; text-decoration:none; color:#999999; font-weight:normal;} #results ul { padding:0px; border:0; list-style:none; z-index: 100; } #formbuttonbl { margin: 10px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; cursor:pointer; cursor:hand; line-height: 20px; white-space: nowrap; display: inline-block; box-sizing: border-box; } #formbuttonbls:hover { margin: 10px;background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 5px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 10pt; cursor:pointer; cursor:hand; line-height: 20px; white-space: nowrap; display: inline-block;box-sizing: border-box; } #greenbutton { border: 1px outset #0D7326; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #0A5C1F; background: -moz-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F882D), color-stop(100%,#0A5C1F)); background: -webkit-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -o-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -ms-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: linear-gradient(to bottom, #0F882D 0%, #0A5C1F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F882D', endColorstr='#0A5C1F', GradientType=0 ); } #greenbutton:hover { border: 1px outset #0F882D; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #0D7326; background: -moz-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12A136), color-stop(100%,#0D7326)); background: -webkit-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -o-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -ms-linear-gradient(top, #12A136 0%, #0D7326 100%); background: linear-gradient(to bottom, #12A136 0%, #0D7326 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12A136', endColorstr='#0D7326', GradientType=0 ); } #bluebutton { border: 1px outset #25598D; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #204C78; background: -moz-linear-gradient(top, #25598D 0%, #204C78 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25598D), color-stop(100%,#204C78)); background: -webkit-linear-gradient(top, #25598D 0%, #204C78 100%); background: -o-linear-gradient(top, #25598D 0%, #204C78 100%); background: -ms-linear-gradient(top, #25598D 0%, #204C78 100%); background: linear-gradient(to bottom, #25598D 0%, #204C78 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25598D', endColorstr='#204C78', GradientType=0 ); } #bluebutton:hover { border: 1px outset #2B66A1; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #25598D; background: -moz-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B66A1), color-stop(100%,#25598D)); background: -webkit-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -o-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -ms-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: linear-gradient(to bottom, #2B66A1 0%, #25598D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B66A1', endColorstr='#25598D', GradientType=0 ); } #goldbutton { border: 1px outset #E8AB30; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #CC9017; background: -moz-linear-gradient(top, #E6A119 0%, #CC9017 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6A119), color-stop(100%,#CC9017)); background: -webkit-linear-gradient(top, #E6A119 0%, #CC9017 100%); background: -o-linear-gradient(top, #E6A119 0%, #CC9017 100%); background: -ms-linear-gradient(top, #E6A119 0%, #CC9017 100%); background: linear-gradient(to bottom, #E6A119 0%, #CC9017 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6A119', endColorstr='#CC9017', GradientType=0 ); } #goldbutton:hover { border: 1px outset #EBB447; padding: 5px 10px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #E6A119; background: -moz-linear-gradient(top, #E8AB30 0%, #E6A119 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8AB30), color-stop(100%,#E6A119)); background: -webkit-linear-gradient(top, #E8AB30 0%, #E6A119 100%); background: -o-linear-gradient(top, #E8AB30 0%, #E6A119 100%); background: -ms-linear-gradient(top, #E8AB30 0%, #E6A119 100%); background: linear-gradient(to bottom, #E8AB30 0%, #E6A119 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8AB30', endColorstr='#E6A119', GradientType=0 ); } #big-redbutton { font-family: Roboto, Sans-Serif; border: 1px outset #25618F; padding: 5px 20px; color: #FFFFFF; font-size: 14pt; font-weight: bold; text-decoration: none; background: #880000; background: -moz-linear-gradient(top, #25618F 0%, #880000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25618F), color-stop(100%,#880000)); background: -webkit-linear-gradient(top, #25618F 0%,#880000 100%); background: -o-linear-gradient(top, #25618F 0%,#880000 100%); background: -ms-linear-gradient(top, #25618F 0%,#880000 100%); background: linear-gradient(to bottom, #25618F 0%,#880000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25618F', endColorstr='#880000',GradientType=0 ); } #big-redbutton:hover { border: 1px outset #25618F; background: #25618F; background: -moz-linear-gradient(top, #03406D 0%, #25618F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03406D), color-stop(100%,#25618F)); background: -webkit-linear-gradient(top, #03406D 0%, #25618F 100%); background: -o-linear-gradient(top, #03406D 0%, #25618F 100%); background: -ms-linear-gradient(top, #03406D 0%, #25618F 100%); background: linear-gradient(to bottom, #03406D 0%, #25618F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03406D', endColorstr='#25618F', GradientType=0 ); } #big-greenbutton { font-family: Roboto, Sans-Serif; border: 1px outset #0D7326; padding: 5px 20px; color: #FFFFFF; font-size: 14pt; font-weight: bold; text-decoration: none; background: #0A5C1F; background: -moz-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F882D), color-stop(100%,#0A5C1F)); background: -webkit-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -o-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -ms-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: linear-gradient(to bottom, #0F882D 0%, #0A5C1F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F882D', endColorstr='#0A5C1F', GradientType=0 ); } #big-greenbutton:hover { border: 1px outset #0F882D; background: #0D7326; background: -moz-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12A136), color-stop(100%,#0D7326)); background: -webkit-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -o-linear-gradient(top, #12A136 0%, #0D7326 100%); background: -ms-linear-gradient(top, #12A136 0%, #0D7326 100%); background: linear-gradient(to bottom, #12A136 0%, #0D7326 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12A136', endColorstr='#0D7326', GradientType=0 ); } #big-bluebutton { font-family: Roboto, Sans-Serif; border: 1px outset #25598D; padding: 5px 20px; color: #FFFFFF; font-size: 14pt; font-weight: bold; text-decoration: none; background: #204C78; background: -moz-linear-gradient(top, #25598D 0%, #204C78 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25598D), color-stop(100%,#204C78)); background: -webkit-linear-gradient(top, #25598D 0%, #204C78 100%); background: -o-linear-gradient(top, #25598D 0%, #204C78 100%); background: -ms-linear-gradient(top, #25598D 0%, #204C78 100%); background: linear-gradient(to bottom, #25598D 0%, #204C78 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25598D', endColorstr='#204C78', GradientType=0 ); } #big-bluebutton:hover { border: 1px outset #2B66A1; background: #25598D; background: -moz-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B66A1), color-stop(100%,#25598D)); background: -webkit-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -o-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: -ms-linear-gradient(top, #2B66A1 0%, #25598D 100%); background: linear-gradient(to bottom, #2B66A1 0%, #25598D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B66A1', endColorstr='#25598D', GradientType=0 ); } HEADER UL#topitems { margin: 10px 0px; padding: 0px; list-style: none; } HEADER UL#topitems LI { color: #FFFFFF; font-size: 8pt; font-weight: normal; margin: 5px 0px 5px 15px ; padding: 0px 0px 0px 0px; } HEADER UL#noformat { margin: 10px 0px; padding: 0px; list-style: none; } HEADER UL#noformat LI { color: #FFFFFF; font-size: 8pt; font-weight: normal; margin: 5px 0px 5px 15px ; padding: 0px 0px 0px 0px; } HEADER UL#topitems LI:before { content:'ยป'; font: 8pt "Consolas", monospace; font-weight: bold; color: #FFFFFF; margin-left: -12px; margin-right: 5px; } A#li { color: #FFFFFF; font-size: 8pt; font-weight: normal; text-decoration: none; } H3#mini { font-size: 12pt; margin-top: 10px; margin-bottom: 0px; padding: 0px; } IMG#thumbnail { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } /* PAGE LAYOUT */ @media screen and (max-width: 768px) { /* MOBILE */ #sitebody { margin: 0px auto 0px auto; width: 98%; max-width: 578px;} .mobilehide { visibility: hidden; display: none; } div#third { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#solo { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#twothird { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#fourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#twofourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#threefourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#full { box-sizing: border-box; width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#half { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#fifth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; } div#sixth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; } div#foursixth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#break { clear: both; } div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; } UL#featuredads.bxslider LI DIV#pp { min-width: calc(100%/3); text-align: center; } H2 div#description { display: none; } DIV#listing { width: 100%; } } @media screen and (min-width: 768px) { /* TABLET */ #sitebody { margin: 0px auto 0px auto; width: 98%; max-width: 1024px;} .mobilehide { visibility: hidden; display: none; } div#third { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; } div#solo { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#fifth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; } div#twothird { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#fourth { width: calc(100%/2); height: auto; float: left; display: inline-block; vertical-align: top; } div#twofourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#threefourth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#full { box-sizing: border-box; width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#half { width: 50%; height: auto; float: left; display: inline-block; vertical-align: top; } div#sixth { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; } div#foursixth { width: 100%; height: auto; float: left; display: inline-block; vertical-align: top; } div#break { clear: both; } div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; } UL#featuredads.bxslider LI DIV#pp { min-width: 20%; text-align: center; } H2 div#description { display: none; } DIV#listing { width: calc(100%/3); } } @media screen and (min-width: 1000px) { /* DESKTOP */ #sitebody { margin: 0px auto 0px auto; width: 96%; max-width: 1400px;} .mobilehide { visibility: visible; display: block; } div#third { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; } div#solo { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; } div#fourth { width: calc(100%/4); height: auto; float: left; display: inline-block; vertical-align: top; } div#fifth { width: calc(100%/5); height: auto; float: left; display: inline-block; vertical-align: top; } div#twofourth { width: calc((100%/4)*2); height: auto; float: left; display: inline-block; vertical-align: top; } div#threefourth { width: calc((100%/4)*3); height: auto; float: left; display: inline-block; vertical-align: top; } div#twothird { width: calc((100%/3)*2); height: auto; float: left; display: inline-block; vertical-align: top;} div#full { box-sizing: border-box; width: 100%; height: auto; float: left; display: inline-block; vertical-align: top;} div#half { width: 50%; height: auto; float: left; display: inline-block; vertical-align: top;} div#sixth { width: calc(100%/6); height: auto; float: left; display: inline-block; vertical-align: top; } div#foursixth { width: calc((100%/6)*4); height: auto; float: left; display: inline-block; vertical-align: top; } div#break { clear: both; } div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; } UL#featuredads.bxslider LI DIV#pp { min-width: 10%; text-align: center; } H2 div#description { display: inline-block; } DIV#listing { width: 20%; } } @media screen and (min-width: 2000px) { /* 4K */ #sitebody { margin: 0px auto 0px auto; width: 96%; max-width: 1400px; } .mobilehide { visibility: visible; display: block; } div#third { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; } div#solo { width: calc(100%/3); height: auto; float: left; display: inline-block; vertical-align: top; } div#fourth { width: calc(100%/4); height: auto; float: left; display: inline-block; vertical-align: top; } div#fifth { width: calc(100%/5); height: auto; float: left; display: inline-block; vertical-align: top; } div#twofourth { width: calc((100%/4)*2); height: auto; float: left; display: inline-block; vertical-align: top; } div#threefourth { width: calc((100%/4)*3); height: auto; float: left; display: inline-block; vertical-align: top; } div#twothird { width: calc((100%/3)*2); height: auto; float: left; display: inline-block; vertical-align: top;} div#full { box-sizing: border-box; width: 100%; height: auto; float: left; display: inline-block; vertical-align: top;} div#half { width: 50%; height: auto; float: left; display: inline-block; vertical-align: top;} div#sixth { width: calc(100%/6); height: auto; float: left; display: inline-block; vertical-align: top; } div#foursixth { width: calc((100%/6)*4); height: auto; float: left; display: inline-block; vertical-align: top; } div#break { clear: both; } div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; } UL#featuredads.bxslider LI DIV#pp { min-width: 10%; text-align: center; } H2 div#description { display: inline-block; } DIV#listing { width: 20%; } } .left { text-align: left; } .center { text-align: center; } .justify { text-align: justify; } .right { text-align: right; } DIV#box { margin: 10px 10px; overflow:hidden; } @media screen and (max-width: 1200px) { /* MOBILE */ DIV#profileboxr { margin: 20px 10px 20px 10px; overflow:hidden; } DIV#profileboxl { margin: 20px 10px 20px 10px; overflow:hidden; } } @media screen and (min-width: 1200px) { /* DESKTOP */ DIV#profileboxr { margin: 0px 0px 20px 20px; overflow:hidden; } DIV#profileboxl { margin: 0px 20px 20px 0px; overflow:hidden; } } DIV#box DIV#box-header { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #000000; background: -moz-linear-gradient(top, #222222 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #222222 0%, #000000 100%); background: -o-linear-gradient(top, #222222 0%, #000000 100%); background: -ms-linear-gradient(top, #222222 0%, #000000 100%); background: linear-gradient(to bottom, #222222 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=0 ); border-bottom: 1px solid #660000; } DIV#box DIV#box-header H2 { margin: 0px; padding: 5px 10px 5px 10px; font-size: 20pt; font-weight: bold; color: #FFFFFF; font-family: Roboto, Sans-Serif; border-bottom: 3px solid #000000; } DIV#box DIV#box-content { min-height: 100px; padding: 0px 10px 5px 10px; } DIV#box DIV#box-footer { min-height: 40px; text-align: center; } /* Call out Boxes */ DIV#sitebox { margin: 5px 10px; overflow:hidden; border: 1px solid #DDDDDD; background-color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } DIV#sitebox DIV#box-header { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } DIV#sitebox DIV#box-header.fr { background: #770000; background: -moz-linear-gradient(top, #25618F 0%, #770000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25618F), color-stop(100%,#770000)); background: -webkit-linear-gradient(top, #25618F 0%, #770000 100%); background: -o-linear-gradient(top, #25618F 0%, #770000 100%); background: -ms-linear-gradient(top, #25618F 0%, #770000 100%); background: linear-gradient(to bottom, #25618F 0%, #770000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25618F', endColorstr='#770000', GradientType=0 ); border-bottom: 1px solid #660000; } DIV#sitebox DIV#box-header.fu { background: #204C78; background: -moz-linear-gradient(top, #25598D 0%, #204C78 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25598D), color-stop(100%,#204C78)); background: -webkit-linear-gradient(top, #25598D 0%, #204C78 100%); background: -o-linear-gradient(top, #25598D 0%, #204C78 100%); background: -ms-linear-gradient(top, #25598D 0%, #204C78 100%); background: linear-gradient(to bottom, #25598D 0%, #204C78 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25598D', endColorstr='#204C78', GradientType=0 ); border-bottom: 1px solid #153351; } DIV#sitebox DIV#box-header.mu { background: #0A5C1F; background: -moz-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F882D), color-stop(100%,#0A5C1F)); background: -webkit-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -o-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: -ms-linear-gradient(top, #0F882D 0%, #0A5C1F 100%); background: linear-gradient(to bottom, #0F882D 0%, #0A5C1F 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F882D', endColorstr='#0A5C1F', GradientType=0 ); border-bottom: 1px solid #660000; } DIV#sitebox DIV#box-header H2 { margin: 0px; padding: 5px 10px 5px 10px; font-size: 20pt; font-weight: bold; color: #FFFFFF; font-family: Roboto, Sans-Serif; border-bottom: 3px solid #000000; } DIV#sitebox DIV#box-content { min-height: 100px; padding: 0px 10px 5px 10px; } DIV#sitebox DIV#box-footer { min-height: 40px; text-align: center; } /* FOOTER STYLES */ DIV.sharebox { margin-bottom: 40px; clear: both; } DIV.sharebar { text-align: center; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 1.1em; color: #000000; font-weight: bold; margin: 10px auto 10px auto; width: 100%; } #footer-wrapper { max-width: 1400px; width: 100%; margin: 0 auto; text-align: left; clear: both; padding: 20px 0px; } DIV#pagefooter { background-color: #EEEEEE; text-align: center; color:#AAAAAA; margin: 0px; clear: both; } DIV#pagefooter P { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .8em; color: #AAAAAA; } DIV#pagefooter a.needed { color: #25618F; } #footer-contents{ margin: 0 auto; width: 100%; text-align:left; padding: 20px 0px; } DIV.footerlinks > A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 1em; color: #888888; font-weight: bold; text-decoration: none } DIV.footerlinks UL { margin: 0px 0px 20px 0px; padding: 0; list-style-type: none; } DIV.footerlinks UL LI { padding: 5px ; margin: 0px; line-height: 14px !important; border-bottom: 1px solid #E6E6E6; } DIV.footerlinks UL LI:hover { -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; background: #F6F6F6; } DIV.footerlinks UL LI:last-child { border-bottom: none; } DIV.footerlinks UL LI A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 13px; color: #777777; text-decoration: none; } .footerbar{ clear: both; background-color: #222222; padding: 10px 0px; } .footerbar DIV.text { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .8em; color: #CCCCCC; line-height: 125%; } .footerbar DIV.text A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .9em; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 125%; } .footerbar DIV.text A:hover { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .9em; color: #25618F; text-decoration: none; font-weight: bold; } UL#spotlight.bxslider { margin: 0px; padding: 0px; } UL#spotlight.bxslider LI { margin: 0px; padding: 0px; } UL#featuredads.bxslider { margin: 0px; padding: 0px; } UL#featuredads.bxslider LI { margin: 0px; padding: 0px; } UL#featuredads.bxslider LI DIV#pp { float: left; display: inline; width: auto; height: auto; margin: 0px; text-align: center; } div.boilerplate > P.description { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif !important; font-size: 9pt !important; color: #222222 !important; line-height: 150% !important; text-align: justify; } div.boilerplate P A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 9pt; line-height: 125%; color: #222222; } ul#socialicons { padding: 0px; margin: 0px; text-align: center } ul#socialicons LI { width: 20px; height: 20px; padding: 5px; line-height: 20px; margin: 2px; display:inline-block; background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; border: 1px solid #DDDDDD; } ul#socialicons LI A { line-height: 20px; color: #AAAAAA; text-decoration: none; } ul#socialicons LI:hover { background-color: #25618F; border: 1px solid #FFFFFF; } ul#socialicons LI:hover A { color: #FFFFFF; } ul#socialicons LI:hover A:hover { color: #FFFFFF; } DIV.footerlinks A { color: #777777; text-decoration: none; } DIV.footerlinks A:hover { color: #25618F; text-decoration: none; } /* Quote Box */ DIV#quotebox { background-color: #EEEEEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; } #quote { width: auto; background: url('/images/lq.png') top left no-repeat; padding-left: 35px; line-height: 18px; color: #575757; } #quote p { padding-right: 35px; line-height: 18px; background: url('/images/rq.png') bottom right no-repeat; padding-bottom: 15px; color: #888888; font-style: italic; } #author { padding-right: 55px; color: #AAAAAA; font-weight: bold; text-align: right; margin-top: -25px; } /* MAIN PAGE DEFAULT STYLES */ H1, .h1 { font-family: Roboto, Sans-Serif; color: #25618F; font-size: 2em; line-height: 125%; padding-bottom: 2px; margin: 0px 0px 10px 0px; } H1.mu, H1.mu A B, H1.ad, H1.ad A B { color: #0D7326; } H1.fu, H1.fu A B { color: #204C78; } H1.fc, H1.fc A B { color: #CC9017; } H2 { font-family: Roboto, Sans-Serif; color: #000000; font-size: 1.75em; padding-bottom: 2px; margin: 15px 0px 10px 0px; } H2 A, H3 A { color: #000000; text-decoration: none; } H2 A B, H3 A B { color: #25618F; text-decoration: none; } H2.mu { } H2.fu { } H2 div#description { float: right; font-size: 9pt; color: #888888; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; margin-top: 10px; } H2.mu A B { color: #0D7326; text-decoration: none; } H2.mu A:hover { color: #0D7326; text-decoration: none; } H2.fu A B { color: #204C78; text-decoration: none; } H2.fu A:hover { color: #204C78; text-decoration: none; } H2.fc A B { color: #CC9017; text-decoration: none; } H2.fc A:hover { color: #CC9017; text-decoration: none; } H3 { font-family: Roboto, Sans-Serif; font-size: 1.5em; padding-bottom: 2px; margin: 15px 0px 10px 0px; } div#Article.mu A { color: #0D7326; text-decoration: none; } div#Article.fu A { color: #204C78; text-decoration: none; } div#Article.fc A { color: #CC9017; text-decoration: none; } div#FranchiseTitle.mu A.title { color: #0D7326; text-decoration: none; } UL#mu.newsfeed LI { background: url(/images/arrow-mu.gif) no-repeat .1em .8em transparent; } UL#fu.newsfeed LI { background: url(/images/arrow-fu.gif) no-repeat .1em .8em transparent; } UL#fc.newsfeed LI { background: url(/images/arrow-fc.gif) no-repeat .1em .8em transparent; } TD#requestinfo div, TD#requestinfo div A { font-size: 8pt; color: #888888; text-decoration: none; font-weight: normal; } /* RELATED OPS */ DIV#related { min-height: 170px; float: left; display: inline-block; width: 135px; margin: 0px 5px 10px 0px; } DIV#related DIV#imagead { margin: 5px; vertical-align: middle; text-align: center; } DIV#related DIV#textad { margin: 5px; min-height: 120px; } DIV#related DIV#textad P { margin: 5px 10px; font-size: 8pt; } DIV#related DIV#textad A { font-size: 9pt; font-weight: bold; text-decoration: none; } /* GUIDE NAV */ TABLE#guidenav { border-top: 1px solid #DDDDDD; margin-top: 20px; } TABLE#guidenav TR TD { padding-top: 10px; } TABLE#guidenav A { text-decoration: none; color: #888888; } TABLE#guidenav A B { text-decoration: none; color: #25618F; } /* DATAGRID STYLE */ div.scroll-x { overflow-x: auto; } TABLE.datagrid { border: 1px solid #DDDDDD; margin: 10px 0px; width: 100%; } TABLE.datagrid tr:nth-child(even) { background: #EEE; } TABLE.datagrid tr:nth-child(odd) { background: #FFF; } TABLE.datagrid tr TH { background-color: #444; padding: 5px 10px; } TABLE.datagrid P { margin: 0px; padding: 0px; } TABLE.datagrid tr td { padding: 5px 10px; } TABLE.datagrid tr td:nth-child(1) P { text-align: center; } TABLE.datagrid tr td:nth-child(2) P { text-align: left; } TABLE.datagrid tr td:nth-child(3) P { text-align: center; } TABLE.datagrid tr td:nth-child(4) P { text-align: center; } TABLE.datagrid tr td:nth-child(5) P { text-align: center; } @media screen and (max-width: 768px) { /* MOBILE */ TABLE.datagrid tr th, TABLE.datagrid tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.datagrid tr td, TABLE.datagrid tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } @media screen and (min-width: 768px) { /* DESKTOP */ TABLE.datagrid tr th, TABLE.datagrid tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.datagrid tr td, TABLE.datagrid tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } /* LISTINGS */ div.listing { margin: 10px auto; border: 1px solid #EEEEEE; width: 95%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} div.listing > div.art { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #EEEEEE; background-position: center; background-size: cover; min-height: 100px; } div.listing > div.logo { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #FFFFFF; width: 90%; max-width: 150px; margin: 5px auto 5px auto; padding: 10px; } div.listing > div.title { text-align: center; padding: 20px 10px 0px 10px; height: 45px; line-height: 100%; } div.listing > div.title A { font-size: 1em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 100%; } div.listing > div.financial { padding: 0px 10px 5px 10px; font-size: .8em; font-family: Roboto, Helvetica, Futura, Sans-serif; text-align: center; color: #444444; line-height: 125%; height: 40px; } div.listing > div.financial B { font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; color: #000000; } div.listing > div.action { background-color: #EEEEEE; border-top: 1px solid #DDDDDD; padding: 5px 0px; font-size: .8em; font-family: Roboto, Helvetica, Futura, Sans-serif; color: #000000; min-height: 30px; text-align: center } div.listing > div.action { background-color: #EEEEEE; border-top: 1px solid #DDDDDD; padding: 5px 0px; font-size: .8em; font-family: Roboto, Helvetica, Futura, Sans-serif; color: #000000; width:100%; text-align:center; } @media screen and (max-width: 768px) { /* MOBILE */ div.listing > div.action > div.left { display: block; padding: 5px; text-align: center } div.listing > div.action > div.center { display: block; padding: 5px; text-align: center } div.listing > div.action > div.right { display: block; padding: 5px; text-align: center } div.listing > div.description { padding: 0px 10px 5px 10px; font-size: .75em; font-family: Roboto, Helvetica, Futura, Sans-serif; text-align: left; color: #444444; line-height: 125%; min-height: 120px; } .footnote { display: none; } .mh { display: none; } .desktop { display: none; } } @media screen and (min-width: 768px) { /* MOBILE */ div.listing > div.action > div.left { float:left; padding-left: 5px; } div.listing > div.action > div.center { display: inline-block; margin:0 auto; } div.listing > div.action > div.right { float:right; padding-right: 5px; } div.listing > div.description { padding: 0px 10px 5px 10px; font-size: .7em; font-family: Roboto, Helvetica, Futura, Sans-serif; text-align: left; color: #444444; line-height: 125%; min-height: 110px; } .footnote { font-size: 1em; font-family: Roboto, Helvetica, Futura, Sans-serif; text-align: right; color: #888888; display: inline-block; float: right; margin-top: 15px; } .mobile { display: none; } } /* DATAGRID2 STYLE */ TABLE.datagrid2 { border: 1px solid #DDDDDD; margin: 10px 0px; width: 100%; } TABLE.datagrid2 tr:nth-child(even) { background: #EEE; } TABLE.datagrid2 tr:nth-child(odd) { background: #FFF; } TABLE.datagrid2 tr TH { background-color: #444; padding: 5px 10px; } TABLE.datagrid2 P { margin: 0px; padding: 0px; } TABLE.datagrid2 tr td { padding: 5px 10px; } @media screen and (max-width: 768px) { /* MOBILE */ TABLE.datagrid2 tr th, TABLE.datagrid2 tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.datagrid2 tr td, TABLE.datagrid2 tr td p { font-size: .9em; color: #222; font-family: 'Open Sans', Sans-Serif; } } @media screen and (min-width: 768px) { /* DESKTOP */ TABLE.datagrid2 tr th, TABLE.datagrid2 tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.datagrid2 tr td, TABLE.datagrid2 tr td p { font-size: .9em; color: #222; font-family: 'Open Sans', Sans-Serif; } } /* TOPIC LISTS */ UL.topiclist { margin: 0px; padding: 0px; list-style: none; } UL.topiclist > LI { margin: 0px; padding: 5px 10px; border-bottom: 1px solid #EEEEEE; } UL.topiclist > LI:hover { background-color: #F6F6F6; } UL.topiclist > LI A { font-size: 1.2em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 1.5em; text-decoration: none; } UL.topiclist > LI.s { margin: 0px; padding: 5px 10px; border-bottom: 1px solid #EEEEEE; } UL.topiclist > LI.s:hover { background-color: #FFFFFF; } UL.topiclist > LI.s > A { font-size: 1.2em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #25618F; line-height: 1.5em; text-decoration: none; } UL.topiclist > LI.s > UL { margin: 0px; padding: 0px; list-style: none; } UL.topiclist > LI.s > UL > LI { margin: 0px 0px 0px 5px; padding: 2px 0px 2px 5px; } UL.topiclist > LI.s > UL > LI > A { font-size: 1em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #444444; line-height: 1.5em; text-decoration: none; } UL.topiclist > LI.s > UL > LI:hover { } UL.topiclist > LI.s > UL > LI:hover > A { color: #000000; } .buttonsm { display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } .buttonsm:hover { display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } DIV#listing { min-width: 150px; min-height: 250px; display: inline-block; margin: 5px; background-color: #FFFFFF; box-shadow: rgba(0,0,0, 0.2) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 5px; padding: 5px; } DIV#listing TD#header A { color: #000000; text-decoration: none; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 12pt; font-weight: bold; } DIV#listing TD#copy { font-family: Arial, Helvetica, Futura; font-size: 8pt; color: #666666; } DIV#listing TD#financials { font-family: Arial, Helvetica, Futura; font-size: 8pt; color: #666666; } DIV#listing TD#financials B{ color: #000000; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; } /* LISTS */ ul.opslist { margin: 0px; padding: 0px; list-style: none; } ul.opslist > LI { margin: 0px; padding: 0px; border-top: 1px solid #EEEEEE; font-size: 12pt; font-family: Roboto, Helvetica, Futura, Sans-serif; } ul.opslist > LI:first-child { border-top: none; text-align: center; } ul.opslist > LI > div.title { padding: 10px 10px 10px 10px; line-height: 100%; } ul.opslist > LI > div.title A { font-size: 1em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 100%; } ul.opslist > LI:first-child > div.title A { font-size: 1.5em; font-family: Roboto, Helvetica, Futura, Sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 100%; } ul.opslist > LI > div.art { background-color: #EEEEEE; background-position: center; background-size: cover; min-height: 150px; } #divfade, hr { clear: both; display:block; height:1px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(204,204,204,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } #divfadelt, hr.lite { clear: both; display:block; height:1px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(224, 224, 224,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } UL#norotate { list-style: none; padding: 0px; margin: 0px; } DIV#limiter { margin: 0 auto; width: 100%; max-width: 1000px; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } DIV#adspot { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px outset rgba(255,255,255,0.2); background: #000000; background: -moz-linear-gradient(top, #222222 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #222222 0%, #000000 100%); background: -o-linear-gradient(top, #222222 0%, #000000 100%); background: -ms-linear-gradient(top, #222222 0%, #000000 100%); background: linear-gradient(to bottom, #222222 0%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=0 ); margin: 10px 0px; } DIV#adspot TABLE td#logo { background-color: #FFFFFF; padding: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } DIV#adspot TABLE td#content { padding: 10px; font-size: 9pt; font-family: Roboto, Sans-Serif; color: #FFFFFF; padding: 10px 20px; } DIV#adspot TABLE td#content A { font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 16pt; text-decoration: none; font-weight: bold; color: #FFFFFF; } /* TEMPORARY */ #frnavigation, #sitenav { display: none; } .lazy { display: none; } #rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div#footnote, div#footnote > A { font-size: 8pt; color: #AAAAAA; } DIV#opener P { font-size: 12pt; font-family: Roboto, Sans-Serif; } #blackbutton { border: 1px outset #2F2F2F; padding: 10px 20px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #111111; background: -moz-linear-gradient(top, #222222 0%, #111111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111)); background: -webkit-linear-gradient(top, #222222 0%, #111111 100%); background: -o-linear-gradient(top, #222222 0%, #111111 100%); background: -ms-linear-gradient(top, #222222 0%, #111111 100%); background: linear-gradient(to bottom, #222222 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111', GradientType=0 ); } #blackbutton:hover { border: 1px outset #3F3F3F; padding: 10px 20px; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-decoration: none; background: #222222; background: -moz-linear-gradient(top, #333333 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background: -webkit-linear-gradient(top, #333333 0%, #222222 100%); background: -o-linear-gradient(top, #333333 0%, #222222 100%); background: -ms-linear-gradient(top, #333333 0%, #222222 100%); background: linear-gradient(to bottom, #333333 0%, #222222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222', GradientType=0 ); } div#showcase { margin: 20px 0px; padding: 20px 0px; display: block; background-color: #F6F6F6; z-index: 0; } div#showcase div#boundry { margin: 10px auto; width: 100%; max-width: 970px; z-index: 0; display: block; } div#showcase div#sbox{ margin: 5px 10px; overflow:hidden; } div#showcase div#brand { width: 125px; height:70px; display: inline-block; border:5px solid #DDDDDD; background-color: #FFFFFF; margin: 5px; text-align: center; vertical-align: top; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } div#showcase div#brand IMG { margin: 10px auto; } div.facts { text-align: center; margin: 10px 0px; padding: 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } div.facts DIV#fact { font-size: 16pt; font-weight: 300; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-style: italic; text-align: center; margin: 10px auto 5px auto; } div.facts DIV#source A,div.facts DIV#source { font-size: 9pt; font-weight: 300; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #666666; text-decoration: none; text-align: center; margin: 5px auto 10px auto; } a.morebutton { font-size: 9pt; font-weight: 500; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #FFFFFF; text-decoration: none; padding: 5px 10px; margin: 5px; background-color: #DDDDDD; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } div.ss { background-color: #FFFFFF; color: #444444; font-weight: 300; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; padding: 10px 20px; text-align: center; width: 170px; font-size: 12pt; margin-top: -30px; margin-left: auto; margin-right: auto; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } div.ss B { font-weight: 900; } div.ss A { text-decoration: none; font-size: 12pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #444444; font-weight: 300; } div.ssfooter { background-color: #FFFFFF; color: #444444; font-weight: 300; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; padding: 5px 10px; text-align: center; width: 170px; font-size: 9pt; margin-bottom: -30px; margin-left: auto; margin-right: auto; } div.ssfooter A { text-decoration: none; color: #AAAAAA; font-size: 9pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-weight: 300; } div.scarticle { background-size: cover; background-position: center center; width: 100%; height: 300px; display: block; z-index: 1; } div.scheadline { background-color: rgba(255,255,255,0.9); padding: 10px 15px; width: 80%; display: block; z-index: 1; } div.scheadline A { font-size: 14pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; font-weight: 300; } div.showcasebox { border: 1px solid #CCCCCC; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } div.showcasebox div.image { height: 200px; } div.showcasebox div.image img { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } div.showcasebox div.title { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; text-align: center; padding: 5px; line-height: 35px; height: 35px; } div.showcasebox div.title A { font-size: 1em; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; font-weight: 900; text-align: center; color: #666666; } div.showcaseheader { background-size: cover; background-position: center center; min-height: 350px; } div.ss h2 { font-size: 14pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; font-weight: 300; margin: 0px; padding: 0px; } div.ss h2 A { font-size: 14pt; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; font-weight: 300; margin: 0px; padding: 0px; } div.showcasetitle { min-height: 350px; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #FFFFFF; margin: 0px auto; position: relative; text-align: left; } div.showcasetitle H1 { background-color: rgba(255,255,255,0.9); font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 26pt; font-weight: 300; text-align: center; bottom: 0; left: 0; position: absolute; margin: 10px auto; padding: 5px 20px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; max-width: 75%; } div.featurearticle { background-size: cover; background-position: center center; min-height: 350px; position: relative; } div.featurearticle div.sponsored { top: 0; right: 10px; position: absolute; background-color: #FFFFFF; color: #AAAAAA; padding: 5px 10pt; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } div.featureheadline { background-color: #FFFFFF; -webkit-border-top-right-radius: 4px; display: inline-block; padding: 5px 20pt; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; bottom: 0; position: absolute; max-width: 80%; } div.featureheadline a { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 18pt; font-weight: 400; text-decoration: none; line-height: 100% } div.featureheadline span.byline { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 8pt; font-weight: 300; text-decoration: none; } div.featureheadline span.byline B { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 9pt; font-weight: 400; text-decoration: none; text-transform: uppercase; } div.subfeaturearticle { background-size: cover; background-position: center center; min-height: 170px; position: relative; } div.subfeatureheadline { background-color: #FFFFFF; -webkit-border-top-right-radius: 4px; display: inline-block; padding: 5px 10pt; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; bottom: 0; position: absolute; max-width: 80%; } div.subfeatureheadline a { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 9pt; font-weight: 400; text-decoration: none; } div.subfeatureheadline span.byline { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 7pt; font-weight: 300; text-decoration: none; } div.subfeatureheadline span.byline B { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 8pt; font-weight: 400; text-decoration: none; text-transform: uppercase; } UL.featurelist { list-style: none; padding: 0px; margin: 0px; } UL.featurelist LI { border-bottom: 1px solid #DDDDDD; min-height: 40px; padding: 10px; } UL.featurelist LI:last-child { border-bottom: none; } UL.featurelist LI A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #888888; font-size: 12pt; font-weight: 300; text-decoration: none; line-height: 125%; } div.listing { border: 1px solid #CCCCCC; } div.listing div.background { z-index: 1; } div.listing div.company IMG { padding: 5px 10px; background-color: #FFFFFF; background: #FFFFFF; margin: 0px auto; width: 50%; } div.listing div.company { margin-top: -30px; text-align: center; } div.listing div.description { margin: 0px 10px 10px 10px; font-family: Roboto, Sans-Serif; font-size: 10pt; color: #666666; font-weight: 300; line-height: 125%; min-height: 100px; } div.listing div.buttonbox { height: 35px; text-align: center; } div.listing div.buttonbox A { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #FFFFFF; font-size: 9pt; font-weight: 300; background-color: #AAAAAA; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding: 5px 10px; text-decoration: none;} div.showcasecontent P, div.showcasecontent LI { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #666666; font-size: 12pt; font-weight: 300; line-height: 125%; margin-bottom: 12pt; } div.showcasecontent h2 { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #666666; font-size: 24pt; font-weight: 300; line-height: 125%; } div.showcasecontent h2 B { font-weight: 900; } h2.callout { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; color: #FFFFFF; font-size: 24pt; font-weight: 300; line-height: 125%; } section { clear: both; margin: 0px; padding: 0px; } DIV#magazine { display: inline-block; max-width: 150px; min-height: 230px; margin: 20px; background-image: none; background: transparent; vertical-align: top; } DIV#magazine P { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 8pt; color: #AAAAAA; text-align: center; font-weight: 300; } DIV#magazine P B { font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: 10pt; color: #666666; text-align: center; font-weight: 400; } DIV#boxshadow { margin: 10px 10px; padding: 10px; overflow:hidden; background-color: rgba(255,255,255,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; } DIV#boxshadowsm { margin: 10px 10px; padding: 0px; overflow:hidden; background-color: rgba(255,255,255,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; } UL#quicklinks { text-align: left; } UL#quicklinks LI { margin-left: 10px; } TABLE#numlist { margin: 5px 20px; border: none; } TABLE#numlist DIV#num { background-color: #25618F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #FFFFFF; font-size: 1em; height: 32px; width: 32px; line-height: 32px; text-align: center; } TABLE#numlist TD#numdesc { line-height: 125%; font-size: 9pt; text-align: left; padding: 5px 5px; } TABLE#numlist TD#numdesc A { line-height: 125%; font-size: 14pt; font-weight: bold; text-decoration: none; color: #000000; } DIV#boxshadow P#tagline { font-size: 125%; font-weight: 600; } div.error { border: 1px solid #25618F; background: #991111; color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .9em; } div.error A { color: #FFFFFF; } div.success { border: 1px solid #22AA22; background: #119911; color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; font-size: .9em; } div.success A { color: #FFFFFF; } h2.headingbar { background-color: #000000; color: #FFFFFF; font-family: Lora, Roboto, Sans-Serif; font-size: 1.75em; line-height: 125%; margin-top: 0px; padding: 20px 10px; } P.geolocation { font-size: .8em; color: #666666; text-align: center } P.geolocation A { color: #666666; } @media screen and (max-width: 700px) { DIV#mobile, SPAN#mobile { display: block; } DIV#desktop, SPAN#desktop { display: none; } } @media screen and (min-width: 700px) { DIV#mobile, SPAN#mobile { display: none; } DIV#desktop, SPAN#desktop { display: block; } } /* LEADGRID STYLE */ TABLE.leadgrid { border: 1px solid #DDDDDD; margin: 10px 0px; width: 100%; } TABLE.leadgrid tr:nth-child(even) { background: #EEE; } TABLE.leadgrid tr:nth-child(odd) { background: #FFF; } TABLE.leadgrid tr TH { background-color: #444; color: #FFF; padding: 5px 10px; } TABLE.leadgrid tr TH#red { background-color: #A22; color: #FFF; padding: 5px 10px; } TABLE.leadgrid tr TH#grey { background-color: #DDD; color: #444; padding: 5px 10px; } TABLE.leadgrid P { margin: 0px; padding: 0px; } TABLE.leadgrid tr td { padding: 5px 10px; } @media screen and (max-width: 768px) { /* MOBILE */ TABLE.leadgrid tr th, TABLE.leadgrid tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.leadgrid tr td, TABLE.leadgrid tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } @media screen and (min-width: 768px) { /* DESKTOP */ TABLE.leadgrid tr th, TABLE.leadgrid tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } TABLE.leadgrid tr td, TABLE.leadgrid tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } A#actbutton { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 14pt; line-height: 24pt; font-weight: bold; background-color: #333333; padding: 10px 20px; color: #FFFFFF; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } A#actbutton.request { background-color: #25618F; } .actionbutton { line-height: 16pt; font-weight: bold; background-color: #333333; padding: 10px 20px; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; margin: 10px auto; max-width: 250px; } .actionbutton A { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 12pt; text-decoration: none; } .actionbutton A I { margin-right: 10px; } .actionbuttontiny { line-height: 14pt; font-weight: bold; background-color: #333333; padding: 5px 20px; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; margin: 10px auto; max-width: 250px; } .actionbuttontiny A { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Sans-Serif; font-size: 10pt; text-decoration: none; } .actionbuttontiny A I { margin-right: 10px; } .smactbutton { color: #FFFFFF; font-family: Roboto, Arial, Helvetica, Sans-Serif; width: 25px; height: 25px; line-height: 23px; text-align: center; font-weight: bold; background-color: #333333; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 2px; margin-right: 2px; display: inline-block; } .smactbutton:hover { background-color: #25618F; } .smactbutton A { font-size: 9pt; color: #FFFFFF; text-decoration: none; } .smactbutton i { color: #FFFFFF; margin-right: 10px; } #lockbottom { position: fixed !important; bottom: 10px; right: 10px; z-index: 100; } #to-top { position: fixed; bottom: 10px; right: 70px; width: 50px; height: 50px; line-height: 50px; background: #25618F; color: #FFFFFF; text-align: center; cursor: pointer; display: none; } #to-top A { color: #FFFFFF; text-decoration: none; font-size: 20pt; } .buttonsmgreen { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .buttonsmgreen:hover { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #33BB33; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .buttonsmred { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #25618F; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .buttonsmred:hover { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #25618F; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .buttonsmblue { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #2B66A1; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .buttonsmblue:hover { white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #3C77B2; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; } .addedcart { display: none; font-weight: bold; font-size: 9pt; position: fixed; bottom: 75px; right: 10px; width: auto; height: 30px; font-family: Roboto, Helvetica, Futura, Sans-serif; line-height: 30px; background: #22AA22; color: #FFFFFF; text-align: center; padding: 5px 10px; } .removedcart { display: none; font-weight: bold; font-size: 9pt; position: fixed; bottom: 75px; right: 10px; width: auto; height: 30px; font-family: Roboto, Helvetica, Futura, Sans-serif; line-height: 30px; background: #25618F; color: #FFFFFF; text-align: center; padding: 5px 10px; } .addedcart:after { content:''; position: absolute; top: 100%; right: 15px; width: 0; height: 0; border-top: solid 10px #22AA22; border-left: solid 10px transparent; border-right: solid 10px transparent; } .removedcart:after { content:''; position: absolute; top: 100%; right: 15px; width: 0; height: 0; border-top: solid 10px #25618F; border-left: solid 10px transparent; border-right: solid 10px transparent; } #cart .carttooltip { display: none; } #cart:hover .carttooltip { display: inline-block; font-weight: bold; font-size: 9pt; position: fixed; bottom: 75px; right: 10px; width: auto; height: 30px; font-family: Roboto, Helvetica, Futura, Sans-serif; line-height: 30px; background: #25618F; color: #FFFFFF; text-align: center; padding: 5px 10px; } #cart:hover .carttooltip:after { content:''; position: absolute; top: 100%; right: 15px; width: 0; height: 0; border-top: solid 10px #25618F; border-left: solid 10px transparent; border-right: solid 10px transparent; } #cart { position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; } #shopcart { line-height: 46px; background: #25618F; color: #FFFFFF; text-align: center; cursor: pointer; } #shopcart A { color: #FFFFFF; text-decoration: none; font-size: 20pt; } #shopcart div.cartnum { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #25618F; background-color: #FFFFFF; font-size: 8pt; font-family: Arial, Sans-Serif; position: absolute; right: -5px; top: -5px; line-height: 16px; border: 1px solid #25618F; width: 16px; height: 16px; } #shopcart.off { line-height: 46px; background: #CCCCCC; color: #FFFFFF; text-align: center; cursor: pointer; } #shopcart.off A { color: #FFFFFF; text-decoration: none; font-size: 20pt; } #shopcart.off div.cartnum { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #CCCCCC; background-color: #FFFFFF; font-size: 8pt; font-family: Arial, Sans-Serif; position: absolute; right: -5px; top: -5px; line-height: 16px; border: 1px solid #CCCCCC; width: 16px; height: 16px; } #buttonbar { padding: 10px 0px 10px 0px; text-align: center; } .infobrick { max-width: 100px; display: inline-block; text-align: center; padding: 0px 15px; margin: 0px auto; } DIV#ab { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } DIV#rb { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } LI#ab { cursor: pointer; } LI#rb { background-color: #22AA22; cursor: pointer; } DIV.ab { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } DIV.rb { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } DIV.nb { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; margin: 5px 5px; } DIV.ab A { font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; color: #FFFFFF; text-decoration: none; } DIV.nb A { font-size: 10pt; font-family: Roboto, Helvetica, Futura, Sans-serif; color: #FFFFFF; text-decoration: none; } LI.ab { cursor: pointer; } LI.nb { cursor: pointer; } LI.rb { background-color: #22AA22; cursor: pointer; } #actionbutton { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #actionbutton:hover { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #absm { width: 100%; max-width: 150px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #rbsm { width: 100%; max-width: 150px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #actionbuttonsm { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333333; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #actionbuttonsm:hover { width: 100%; max-width: 250px; display: inline-block; white-space: nowrap; font-size: .9em; font-family: Roboto, Helvetica, Futura, Sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #22AA22; padding: 5px 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; text-align: center; cursor: pointer; } #searchformsm { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #EEEEEE; padding: 0px 10px; } #searchformsm I { color: #666666; font-size: 10pt; } #searchformsm INPUT { margin-left: 10px; padding: 5px; background-color: #EEEEEE; color: #444444; font-family: Roboto, Arial, Helvetica, Futura; font-size: 9pt; border: 0px; } div.bybox { margin: 10px 0px 10px 0px; width: 100%; clear: both; display: block; } @media screen and (max-width: 768px) { div.bybox > div.logo { width: 100%; display: block; text-align: center; } div.bybox > div.logo IMG { max-width: 250px; border: none; } div.bybox > div.description { display: block; } div.bybox > div.description A { color: #25618F; text-decoration: none; } div.bybox > div.description B { font-size: 1.5em; } div.bybox div.spacing { padding: 10px; } } @media screen and (min-width: 768px) { div.bybox > div.logo { display: inline-block; max-width: 150px; width: 20%; } div.bybox > div.logo IMG { max-width: 250px; border: none; } div.bybox > div.description { display: inline-block; width: 80%; } div.bybox > div.description A { color: #25618F; text-decoration: none; } div.bybox > div.description B { font-size: 1.5em; } div.bybox div.spacing { padding: 10px; } } @media screen and (max-width: 768px) { div.newsitem > div.newsart { width: 100%; display: block; text-align: center; min-height: 200px; background-size: cover; background-position: center center; } div.newsitem > div.newsart IMG { border: none; } div.newsitem > div.newsdescription { display: block; } DIV.locationnav { background-color: #576868; width: 100%; text-align: center; margin-bottom: 20px; } ul.locnav { display: block; padding: 0px; margin: 0px; list-style-type: none; } ul.locnav LI { display: block; text-align: left; padding: 0px; margin: 0px; } ul.locnav LI.selected { display: block; text-align: left; padding: 0px; margin: 0px; background-color: #FFFFFF; } ul.locnav LI.selected A { color: #576868; display: block; padding: 20px 20px; text-decoration: none; text-align: left; font-family: Roboto, Sans-Serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: .25em; } ul.locnav LI A { color: #FFFFFF; display: block; padding: 20px 20px; text-decoration: none; text-align: left; font-family: Roboto, Sans-Serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: .25em; } ul.locnav LI:hover { background-color: rgba(255,255,255,0.1); } ul.locnav LI.selected:hover { background-color: #FFFFFF; } } @media screen and (min-width: 768px) { div.newsitem > div.newsart { display: inline-block; width: 25%; vertical-align: top; min-height: 200px; background-size: cover; background-position: center center; } div.newsitem > div.newsart IMG { border: none; } div.newsitem > div.newsdescription { display: inline-block; width: 75%; vertical-align: top; } div.newsitem > div#full.newsdescription { display: block; width: 100%; vertical-align: top; } DIV.locationnav { background-color: #576868; min-height: 50px; width: 100%; text-align: center; margin-bottom: 20px; } ul.locnav { display: inline-block; padding: 0px; margin: 0px auto; list-style-type: none; text-align: center; } ul.locnav LI { display: inline-block; text-align: center; padding: 0px; margin: 0px; } ul.locnav LI.selected { display: inline-block; text-align: center; padding: 0px; margin: 0px; background-color: #FFFFFF; } ul.locnav LI.selected A { color: #576868; display: block; padding: 20px 20px; text-decoration: none; text-align: center; font-family: Roboto, Sans-Serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: .25em; } ul.locnav LI A { color: #FFFFFF; display: block; padding: 20px 20px; text-decoration: none; text-align: center; font-family: Roboto, Sans-Serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; letter-spacing: .25em; } ul.locnav LI:hover { background-color: rgba(255,255,255,0.1); } ul.locnav LI.selected:hover { background-color: #FFFFFF; } } div.newsitem { margin: 10px 0px; } div.newsitem div.spacing { padding: 10px 20px; } div.newsitem > div.newsdescription div.company { padding: 5px 0px;font-size: .8em; color: #AAAAAA; text-transform: uppercase; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; } div.newsitem > div.newsdescription div.company A { color: #AAAAAA; text-decoration: none; } div.newsitem > div.newsdescription div.headline { padding: 5px 0px; } div.newsitem > div.newsdescription div.headline A { font-family: Roboto, Sans-Serif; color: #000000; font-size: 1.25em; line-height: 125%; text-decoration: none; font-weight: bold; } div.newsitem > div.newsdescription div.description { padding: 5px 0px; font-size: .9em; color: #666666; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; line-height: 125%; } div.newsitem > div.newsdescription div.dateline { padding: 5px 0px; font-size: .8em; color: #AAAAAA; text-transform: uppercase; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; } div.newsitem > div.newsdescription div.socialmedia { padding: 5px 0px; font-size: .8em; color: #AAAAAA; text-transform: uppercase; font-family: Roboto, Arial, Helvetica, Futura, Sans-Serif; text-decoration: none; } div.subscribebox { background-color: #EEEEEE; text-align: center; padding: 20px; } div.subscribebox INPUT { width: 100%; text-align: center } /* SPOTLIGHT-SM */ DIV#boxshadowsm { margin: 10px 10px; padding: 0px; overflow:hidden; background-color: rgba(255,255,255,0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px; } DIV#spotlightsmall { width: 100%; margin: 0px 0px; padding: 0px; list-style: none; } DIV#spotlightsmall > DIV#brand { min-height: 300px; } DIV#spotlightsmall > DIV#brand > DIV#headline { text-transform: uppercase; margin: 10px; font-family: Roboto, Sans-Serif; color: #25618F; min-height: 40px; } DIV#spotlightsmall > DIV#brand > DIV#description { margin: 0px 10px 0px 10px; } DIV#spotlightsmall > DIV#brand > DIV#headline A { font-family: Roboto, Arial, Helvetica, Futura; font-weight: bold; font-size: 12pt; text-decoration: none; color: #25618F; line-height: 150%; } DIV#spotlightsmall > DIV#brand > DIV#description { font-family: Roboto, Arial, Helvetica, Futura; font-weight: normal; font-size: .8em; text-decoration: none; color: #666666; min-height: 75px; line-height: 150%; text-align: justify; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: auto; background-color: #25618F; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.5s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #25618F transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .greybox { background-color: #F6F6F6; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.greynotice { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #EEEEEE; padding: 10px 20px; } div.alert { display: block; width: 100%; font-size: 12pt; background-color: #CC4800; color: #FFFFFF; padding: 0px; margin: 0px 0px 0px 0px; text-align: center } div.alert p { margin: 20px auto; text-align: center; padding: 10px 20px; font-size: 12pt; line-height: 100%; } div.alert p A { text-decoration: none; color: #FFFFFF; } @media screen and (max-width: 550px) { .largeleaderboard { display: none; visibility: hidden; } .leaderboard { display: none; visibility: hidden; } .mobileleaderboard { max-width: 320px; width: 100%; margin: 20px auto; } } @media screen and (min-width: 550px) and (max-width: 728px) { .largeleaderboard { display: none; visibility: hidden; } .leaderboard { max-width: 728px; width: 100%; margin: 20px auto; } .mobileleaderboard { display: none; visibility: hidden; } } @media screen and (min-width: 728px) { .largeleaderboard { max-width: 970px; width: 100%; margin: 20px auto; } .leaderboard { display: none; visibility: hidden; } .mobileleaderboard { display: none; visibility: hidden; } } /* NEW FORM & TABLE DESIGN */ @media screen and (-webkit-min-device-pixel-ratio:0) { FORM select {padding-right:18px} } DIV#nueform FORM label {position:relative; height: 39px;} DIV#nueform FORM label:after { content:'<>'; font: 9pt "Consolas", monospace; color:#AAAAAA; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:0px; padding:0 0 2px; border-bottom:1px solid #AAAAAA; position:absolute; pointer-events:none; } DIV#nueform FORM label:before { content:''; right:6px; top:0px; width:16px; height:16px; background:#FFFFFF; position:absolute; pointer-events:none; display:block; } DIV#nueform FORM SELECT { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; height: 37px; line-height: 29px;border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; } DIV#nueform FORM INPUT { padding: 5px 10px; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; height: 35px; line-height: 35px; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; } DIV#nueform FORM TEXTAREA { padding: 10px 10px; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; line-height: 125%; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; } DIV#nueform FORM INPUT[type=number] { font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; height: 35px; line-height: 35px; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; } DIV#nueform FORM INPUT[type=submit] { background-color: #25618F; border: 1px solid #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 0px 20px; height: 39px; line-height: 35px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; } DIV#nueform FORM INPUT[type=submit]:hover { background-color: #25618F; } DIV#nueform INPUT[type=submit].submit { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; height: 35px; line-height: 35px; color: #888888; padding: 0px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; } DIV#nueform INPUT[type=submit].submit:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: 12pt; cursor:pointer; cursor:hand; } DIV#nueform INPUT[type=submit].submitsm { background-color: #DDDDDD; border: 1px solid #CCCCCC; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #888888; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .9em; } DIV#nueform INPUT[type=submit].submitsm:hover { background-color: #25618F; border: 1px solid #14507E; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; margin: 10px auto 0px auto; width: auto; text-align: center; text-decoration: none; color: #FFFFFF; padding: 10px 20px; font-weight: bold; font-family: Roboto, Arial, Helvetitca, Futura; font-size: .9em; cursor:pointer; cursor:hand; } DIV#nueform TABLE { border: 1px solid #DDDDDD; margin: 10px 0px; width: 100%; } DIV#nueform TABLE tr:nth-child(odd) { background: #F6F6F6; } DIV#nueform TABLE tr TH { background-color: #444; color: #FFF; padding: 5px 10px; } DIV#nueform TABLE tr TH#red { background-color: #A22; color: #FFF; padding: 5px 10px; } DIV#nueform TABLE tr TH#grey { background-color: #DDD; color: #444; padding: 5px 10px; } DIV#nueform TABLE P { margin: 0px; padding: 0px; } DIV#nueform TABLE tr td { padding: 10px 10px; } @media screen and (max-width: 768px) { /* MOBILE */ DIV#nueform TABLE tr th, DIV#nueform TABLE.leadgrid tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } DIV#nueform TABLE tr td, DIV#nueform TABLE.leadgrid tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } @media screen and (min-width: 768px) { /* DESKTOP */ DIV#nueform TABLE tr th, DIV#nueform TABLE tr th p { font-size: 1em; font-weight: bold; color: #FFF; font-family: Roboto, Sans-Serif; } DIV#nueform TABLE tr td, DIV#nueform TABLE tr td p { font-size: .9em; color: #222; font-family: Roboto, Sans-Serif; } } div.da { margin: 10px auto; text-align: center; } div.da IMG { border: 1px solid #CCCCCC; -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD; -moz-box-shadow: 0px 0px 5px 0px #DDDDDD; box-shadow: 0px 0px 5px 0px #DDDDDD; } @media screen and (max-width: 500px) { .showmobile { display: block; } .hidemobile { display: none; } .stickyframe { padding: 5px; } } @media screen and (min-width: 500px) { .showmobile { display: none; } .hidemobile { display: block; } .sticky { position: -webkit-sticky; position: sticky; top: 170px; } .stickyframe { min-height: 1400px; padding: 5px; } } .sbtn { display: inline-block; margin: 5px; padding: 10px; font-size: 18pt; width: 25px; height: 25px; line-height: 25px; background-color: #000000; text-align: center } .sbtn I { color: #FFFFFF; } .facebook { background-color: #3B5998; } .twitter { background-color: #1DA1F2; } .linkedin { background-color: #0077B5; } .pinterest { background-color: #CB2027; } .flipboard { background-color: #F52828; } .reddit { background-color: #FF5700; } .pocket { background-color: #EE4056; } .email { background-color: #00995E; } .graybox { color: #444444; background-color: #EEEEEE; padding: 10px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; } .graybox H2 { text-transform: uppercase; font-size: 16pt; color: #666666; font-family: Roboto, Sans-Serif; font-weight: bold; text-align: center; border-bottom: 1px solid #DDDDDD; padding: 5px 20px; } .graybox H3 { text-transform: uppercase; font-size: 12pt; color: #888888; font-family: Roboto, Sans-Serif; font-weight: bold; } TABLE.badge { color: #444444; background-color: #EEEEEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } TABLE.badge TD.footer { font-size: 12px; text-align: center; padding: 5px; background-color: #E6E6E6; color: #666666; border-top: 1px solid #DDDDDD; } TABLE.badge TR:first-child TD:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } TABLE.badge TR:first-child TD:last-child { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } TABLE.badge TR:first-child TD:first-child IMG { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } TABLE.badge TR:first-child TD:last-child IMG { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } TABLE.badge TR:last-child TD:first-child { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } TABLE.badge TR:last-child TD:last-child { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }